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

Solution trying mobile first

@RobertoBaiochi

Desktop design screenshot for the Base Apparel coming soon page coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


I have difficulty with responsiveness breakpoints, does anyone have a tip?

Community feedback

David 8,000

@DavidMorgade

Posted

Hello Roberto, congrats on finishing the challenge, good job!

To answer your question, in your case, try using the standard media queries breakpoints, those are: 375px to 768px for mobile devices, 768px to 1440px for tablets and 1440px + for desktop.

Apart from that, if you want to make your image more responsive, if you change the mediaquerie from 921 to 1440 I think it will fit better!

Also, try changing you image background-size from background-size: 100% 100%; to background-size: cover, this will make it even more responsive!

Hope my feedback helped you!

Marked as helpful

1

@RobertoBaiochi

Posted

@DavidMorgade Thank you very much David! I will definitely do that in the next challenge. Thanks!

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