Design comparison
Solution retrospective
I really enjoyed this challenge, even though it took me some time to figure out how to structure the rules for all the text and even though I haven't been too consistent with it, it definitely taught me a lesson to think first about how I'd approach a challenge and even make notes.
I added an extra media query at 900px for a two-column layout, just because I really like getting better at grid and wanted to practice. If you have any suggestions regarding this, or anything concerning grid, please, don't hold back.
Question: What height do you put when you're in mobile view in dev tools? I think not having a proper view on all these different views has a bad effect on how accurate my reproduction of the design is.
What are YOU looking at when evaluating your own project in terms of how accurate it is? What widthxheight ratio are you checking? Because I just made it pretty close to the design by setting grid column widths in pixels and even for a row, but that doesn't make it responsive, does it? It'll just stick at the same size in the middle regardless of vw.
Community feedback
Please log in to post a comment
Log in with GitHubJoin 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