
Design comparison
Solution retrospective
I really am proud that I could complete this.
Next time, I would try to complete it without help.
What challenges did you encounter, and how did you overcome them?The most challenge I faced was to center the div and adjusting the qr-code.
I tried different margins and padding and then I used flex element.
What specific areas of your project would you like help with?I really needed help regarding hosting the site. I still am in doubt if I did it correctly. Please check and help.
Community feedback
- @Sinchana-maPosted 8 days ago
Use of semantic HTML improves readability and accessibility, and the layout is responsive across different screen sizes. However, adding ARIA attributes and ensuring alt text for images can enhance accessibility. Some elements feel a bit cramped on smaller screens, so improving spacing and padding would help. Consider using CSS variables or reusable classes instead of inline styles for better maintainability. Lastly, double-check font sizes, colors, and spacing to ensure your design closely matches the original.
0
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