https://dcwwiki.org/dcwwiki/index.php?action=history&feed=atom&title=Template%3ABlog_post%2Ftile.css 2026-08-27T14:58:42Z Revision history for this page on the wiki MediaWiki 1.46.0 https://dcwwiki.org/dcwwiki/index.php?title=Template:Blog_post/tile.css&diff=284&oldid=prev 2024-02-25T10:49:21Z

<p>CSS</p> <p><b>New page</b></p><div>.blog-post-tiles {<br /> display: flex;<br /> flex-wrap: wrap;<br /> }<br /> .blog-post-tile {<br /> flex: 1;<br /> text-align: left;<br /> max-width: 270px;<br /> margin: 0 30px 30px 0;<br /> }<br /> .blog-post-tile .image a {<br /> display: block;<br /> position: relative;<br /> height: 200px;<br /> width: 270px;<br /> overflow: hidden;<br /> }<br /> .blog-post-tile.featured {<br /> }<br /> .blog-post-tile.featured .image a {<br /> }<br /> @media screen and ( max-width: 750px ) {<br /> .blog-post-tiles {<br /> display: block;<br /> }<br /> .blog-post-tile,<br /> .blog-post-tile.featured {<br /> max-width: 100%;<br /> margin: 1em auto;<br /> }<br /> .blog-post-tile .image a,<br /> .blog-post-tile.featured .image a {<br /> width: 100%;<br /> }<br /> }<br /> .blog-post-tile .image a img {<br /> display: block;<br /> position: absolute;<br /> object-fit: cover;<br /> object-position: 50% 50%;<br /> width: 100%;<br /> height: 100%;<br /> }<br /> .blog-post-tile .title {<br /> font-size: larger;<br /> }<br /> .blog-post-tile .title a {<br /> color: inherit;<br /> font-weight: bolder;<br /> }<br /> .blog-post-tile .date {<br /> font-size: smaller;<br /> }<br /> .blog-post-tile .description {<br /> text-align: left;<br /> }</div>

Aafi