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

Html, Css e Javascript

@TiagoHenrique10

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

Community feedback

Maksim 590

@MaxTarasevich

Posted

Hi!

Good job!

Note that your layout breaks on screen resolutions between 1000px and 601px . The photograph of the girl becomes very narrow.

I think it's unfair to such beauty!

On the screen resolution from 600px to 518px there is an indent on the right!

To fix this, you should pay attention to the width , padding , margin values for the following blocks:

.container, content-left, content-inner, bg-mobile!

Try to simplify your layout as much as possible, a large number of wrapper blocks can sometimes be very confusing.

I hope my feedback was helpful!

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