Tools

☝️ Back to top!

justify-content: space-between except the last row

<div class="grid">
	<div class="item"></div>
	<div class="item"></div>
	<div class="item"></div>
</div>
.grid {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
}

.grid::after {
  content: "";
  flex: auto;
}

Image responsive and lazyload

👉 Responsive images - Learn web development | MDN

<img
  srcset="elva-fairy-480w.jpg 480w, elva-fairy-800w.jpg 800w"
  sizes="(max-width: 600px) 480px,
         800px"
  src="elva-fairy-800w.jpg"
  alt="Elva dressed as a fairy" />

☝️ Back to top!

px vs em vs rem vs %