Line 4: | Line 4: | ||
.grid { | .grid { | ||
display: grid; | display: grid; | ||
− | grid-template-columns: repeat( | + | grid-template-columns: repeat(auto-fill, minmax(300px, 1fr)); |
grid-gap: 1em; | grid-gap: 1em; | ||
− | padding | + | padding: 1rem; |
− | + | ||
} | } | ||
</style> | </style> | ||
Line 14: | Line 13: | ||
<div class="card-image"> | <div class="card-image"> | ||
<figure class="image is-4by3"> | <figure class="image is-4by3"> | ||
− | <img src="https:// | + | <img src="https://via.placeholder.com/960.webp" alt="Placeholder image"> |
</figure> | </figure> | ||
</div> | </div> | ||
Line 29: | Line 28: | ||
<div class="card-image"> | <div class="card-image"> | ||
<figure class="image is-4by3"> | <figure class="image is-4by3"> | ||
− | <img src="https:// | + | <img src="https://via.placeholder.com/960.webp" alt="Placeholder image"> |
</figure> | </figure> | ||
</div> | </div> | ||
Line 44: | Line 43: | ||
<div class="card-image"> | <div class="card-image"> | ||
<figure class="image is-4by3"> | <figure class="image is-4by3"> | ||
− | <img src="https:// | + | <img src="https://via.placeholder.com/960.webp" alt="Placeholder image"> |
</figure> | </figure> | ||
</div> | </div> | ||
Line 59: | Line 58: | ||
<div class="card-image"> | <div class="card-image"> | ||
<figure class="image is-4by3"> | <figure class="image is-4by3"> | ||
− | <img src="https:// | + | <img src="https://via.placeholder.com/960.webp" alt="Placeholder image"> |
</figure> | </figure> | ||
</div> | </div> |
Revision as of 12:03, 3 August 2019
![Placeholder image](https://via.placeholder.com/960.webp)
John Smith
@johnsmith
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Phasellus nec iaculis mauris.
![Placeholder image](https://via.placeholder.com/960.webp)
John Smith
@johnsmith
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Phasellus nec iaculis mauris.
![Placeholder image](https://via.placeholder.com/960.webp)
John Smith
@johnsmith
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Phasellus nec iaculis mauris.
![Placeholder image](https://via.placeholder.com/960.webp)
John Smith
@johnsmith
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Phasellus nec iaculis mauris.