Design comparison
SolutionDesign
Solution retrospective
What specific areas of your project would you like help with?
Please help in the mobile designe I can't do it write
Community feedback
- @mixchexPosted 3 months ago
Hi Tarek3d,
Overall this is a great effort.
Here's some feedback on how you can improve your responsive mobile development:
- start styling mobile-first (from the mobile view first), then add min-width breakpoints and adjust the design as necessary.
- for images (unless your designs require otherwise), style them with { width: 100%, max-width: 100%, height: auto}
- try not to fix the heights of elements (unless specifically for a certain breakpoint), so they can adjust with the flow of the design.
I hope that helps you a little. Keep on trying new things - there's so much to learn by doing projects like these.
All the best! Mike
Marked as helpful1
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