Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Cannot read properties of null (reading 'code')
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

Responsive coming soon page with grid and flexbox

Berava 375

@Berava

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

P
Matt Studdert 13,611

@mattstuddert

Posted

Great work on this challenge Berava, it looks great! Here are a couple of suggestions after taking a look at your code:

  • For the h1, I'd recommend not uppercasing the text in your HTML. This is because screen readers will read it out letter-by-letter, which isn't the intended behaviour. Instead, use text-transform in your CSS to uppercase the letters.
  • Your media query is currently at max-width: 375px, which means that there is a horizontal scrollbar at 376px through to large tablet size. Always be sure to check how the page looks at a range of different screen sizes.

Keep up the great work! 🙂

0

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