@ApplePieGiraffe
Posted
Hey there, Giovani! 👋
Congratulations on completing your first Frontend Mentor challenge! 🎉 Well done on this one! 👍 Your solution looks good and responds well! 👏
About your questions—I don't really see any reason to include an extra wrapper for the content of the page (unless you are using a JS framework or something and that's needed) or you want to do something like limit the maximum width of the content of the page and horizontally center it (which is a common thing to do). 😀
In addition to adding object-fit: cover to the image to ensure that it gets cropped (not squeezed or stretched) when the size of its container changes, maybe you could play around with the object-position property to have it remain in the center of the its container, too. Learn more about that property here. 😉
Hope that helps. 🙂
Keep coding (and happy coding, too)! 😁
@giovanibulian
Posted
Hey, @ApplePieGiraffe ! Many thanks for the feedback! 😀 I really appreciate it.
Thanks for the answers to my questions as well. I'm taking a look at the object-fit: cover and object-position properties you've mentioned and I'll try to work that out.
Happy coding! 😉
