Design comparison
Solution retrospective
I'm proud of learning how to properly handle displaying your page with different screen sizes which I was totally unfamiliar with before I had started this project.
What challenges did you encounter, and how did you overcome them?This project was a bit time consuming because it had a bunch of details that needed attention to get correct. And another challenge was how to get the page to display properly on mobile devices. This was new to me and figuring it out was an accomplishment.
What specific areas of your project would you like help with?I would appreciate any feedback, especially on the mobile preview of the page.
Community feedback
- @RanitManikPosted 5 months ago
-
Unit Choice for Styling: Opt for using
rem
instead ofpx
for properties likewidth
,height
,margin
,padding
, andfont-size
. This choice ensures better scalability and responsiveness, as detailed in this article./* Use rem for Better Scalability */ .container { width: 57.4375rem; /* Equivalent to 919px */ height: 31.3125rem; /* Equivalent to 501px */ }
I hope you find my feedback helpful. Please mark it as helpful if you do.
Marked as helpful1@Ahmed-l2Posted 5 months ago@RanitManik Will do in the future, Thank you very much for your feedback.
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