@mattzavada
Posted
Nice job laying out the elements using flexbox. Another option would be to use CSS Grid handle the larger layout and then flexbox for the smaller area.
One small suggestion: Try adding object-fit to the image tag.
.popular__article>img{
width: 30%;
margin-right: 3vh;
object-fit: cover;
This will keep the ratio consistent as the viewport gets smaller before the break point is reached.
@explorem
Posted
Hi @mattzavada! Thanks for your feedback. I will try to use CSS Grid in my next project. I'll fix the photos too. Unfortunately, I didn't put a container on <img>
, that's why they behave so strangely..