<div class="wlt-link-tile wlt-tile hoverable" tabindex="0"> <div class="tile-header"> <img loading="lazy" src="http://picsum.photos/seed/focus/480/270" alt="a bird flying over water" /> </div> <div class="tile-body medium"> <h4 class="tile-heading ellipsis"> Link Tile and Some More to Overflow the Tile </h4> <p class="tile-description"> Use the <code>.wlt-link-tile</code> class along with <code>.wlt-tile</code> to clamp the description to 3 lines. Add <code>.ellipsis</code> to <code>.tile-header</code> to restrict it to a single line. </p> <a href="#" class="tile-link">Open »</a> </div> </div>
Preview:
downloadDownload PNG
downloadDownload JPEG
downloadDownload SVG
Tip: You can change the style, width & colours of the snippet with the inspect tool before clicking Download!
Click to optimize width for Twitter