CSS, Web Development, Web Design, HTML, Flexbox.
also a square. The next one will appear squashed however since it is not a square and we’re trying to force it into one. The solution? Just add a one-liner to our image CSS class like so: .image-box { width: 150px; height: 150px; margin-right: 16px; object-fit: cover; // This does the trick! } You