tag:dreamwidth.org,2011-12-23:1206016 A Dreamwidth Theme Community Better Dolphin 2023-06-20T22:04:09Z tag:dreamwidth.org,2011-12-23:1206016:3451 itsanooray 2023-06-20T22:04:09Z 2023-06-20T22:04:09Z public 0 Posted by: <span lj:user='itsanooray' style='white-space: nowrap;' class='ljuser'><a href='https://itsanooray.dreamwidth.org/profile'><img src='https://www.dreamwidth.org/img/silk/identity/user.png' alt='[personal profile] ' width='17' height='17' style='vertical-align: text-bottom; border: 0; padding-right: 1px;' /></a><a href='https://itsanooray.dreamwidth.org/'><b>itsanooray</b></a></span><br /><br />Below the cut is code for a simple flushed masonry layout for images. Unfortunately, I haven't found a way to make something similar that will break down to one column when screens sizes get small yet, but this code will shrink images down so it doesn't scroll horizontally on smaller screens. You're able to easily change how many columns you want.<br /><br /><img src="https://i.imgur.com/SaED7Ak.png" style="max-width: 500px; width: 100%; margin: auto; display: block;" /><br /><br /><span class="cut-wrapper"><span style="display: none;" id="span-cuttag___1" class="cuttag"></span><b class="cut-open">(&nbsp;</b><b class="cut-text"><a href="https://betterdolphin.dreamwidth.org/3451.html#cutid1">Read more...</a></b><b class="cut-close">&nbsp;)</b></span><div style="display: none;" id="div-cuttag___1" aria-live="assertive"></div><br /><br /><img src="https://www.dreamwidth.org/tools/commentcount?user=betterdolphin&ditemid=3451" width="30" height="12" alt="comment count unavailable" style="vertical-align: middle;"/> comments