Design comparison
Solution retrospective
Hi 😁, I don't know why in the design comparison looks weird; or maybe I am not applying the media queries correctly, but anyway. I really enjoy this challenge.
If you have any suggestion about this (media queries). let me know. I look forward to learn more.
Community feedback
- @ApplePieGiraffePosted over 3 years ago
Hey there, Arturo Veintimilla! 👋
Good effort on this challenge! 👍 It's good to know you enjoyed it! 😀
It looks like you positioned nearly everything in this challenge with absolute positioning—which isn't such a great idea. Absolute positioning is best used for cases where you need to position something outside of its container or in a tricky spot (not so much for regular layouts like one would find on this page, for instance).
I suggest looking into learning and using layout tools like flexbox or CSS grid. Doing so will make things much easier for you when positioning elements, increase the reusability of your styles, and decrease the amount of CSS you have to write. 😉
It also make making your site responsive a whole lot easier, as well.
Hope that helps. 🙂
Keep coding (and happy coding, too)! 😁
1
Please log in to post a comment
Log in with GitHub
Join our Discord community
Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!
Join our Discord