
Design comparison
Solution retrospective
I'm proud of how it turned out but I don't know if it's the same size as the design provided. I tried to use the Figma file CSS rules as best I could but I did tweak them a bit based on what I saw. I am also proud of myself for trying out custom CSS variables.
What challenges did you encounter, and how did you overcome them?I encountered the challenge of sizing, which seems to be a theme lol but I hope to soon overcome it. I also had a challenge with keeping the footer/attribution part at the bottom of the page, so I just removed/didn't include it.
What specific areas of your project would you like help with?I would like help with making my mobile design/solution as close to the Figma design. Also the best way to use an image (when to include it in HTML or in CSS as a background-image) and how to position it/show a specific part of it if needed.
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