Responsive Grid Section

Hello again 👋. Good job on completing the challenge !

I have some suggestions about your code that might interest you.

HTML 📄:

• The alt attribute should not contain the words "image", "photo", or "picture", because the image tag already conveys that information.

  If you want to learn more about the alt attribute, you can read this article. 📘.

CSS 🎨:

• Use min-height: 100vh instead of height: 100vh. The height property will not work if the content of the page grows beyond the height of the viewport.

I hope you find it useful! 😄 Above all, the solution you submitted is great!

Happy coding!

Hello! It's almost great solution but there are a bit features to add:

1. As for your problem, I would reorder elements on middle screens or even start a medium screen breakpoint a bit further
2. Also, you got a container wrapping your grid. It's alright but if you had it with such params as:

width: 80%;
max-width: 1440px;

or the tricky one that does the same:

width: min(80%, 1440px);

it would be 2 times greater cause this way you would limit the content width to increase readability and also avoid too expanded content on wide monitors