Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Clipboard landing page

Tarek 120

@tarek3d

Desktop design screenshot for the Clipboard landing page coding challenge

This is a solution for...

  • HTML
  • CSS
2junior
View challenge

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

@mixchex

Posted

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 helpful

1

Please log in to post a comment

Log in with GitHub
Discord logo

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