Design comparison
SolutionDesign
Solution retrospective
What are you most proud of, and what would you do differently next time?
That i have been able to complete this project with hard coding, as opposed to the use of content management systems, like i usually do.
What challenges did you encounter, and how did you overcome them?One challenge i encountered was anchoring the copyright info to the bottom of the screen. I ended up using the relative and absolute positining in CSS to make it work.
What specific areas of your project would you like help with?I noticed that the qr code div is not properly centered when i zoom out on the page, but it seem fine when i bring the zoom back to 100%.
Community feedback
- @mohmadimranPosted 4 months ago
- Use a <main> element to wrap the main content.
- Add media queries for smaller screen sizes. Avoid absolute positioning for responsiveness. Test the design on various devices. 3.Use CSS variables for colors and font sizes.
- Match visual elements (colors, fonts, spacing) closely to the design. Pay attention to small details like font weights and alignment.
0
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