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

Coming soon page

@AndrewPrzytula

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

Nice work on this challenge Andrew! Here are a few pointers after taking a look at your code:

  • You've got margin on the .container class at the moment. I'd recommend removing it so that the content can stretch all the way to the edge of the screen, like in the design.
  • You've got 3 separate h1 elements, but you should just have a single one. You could use span elements to separate the words inside.
  • You're using uppercase letters in your h1, but this will make screen readers read out the text letter-by-letter. Instead, I'd lowercase the text in your HTML and then use text-transform: uppercase; to match the design.

I hope these tips help. Keep up the great work!

0

@AndrewPrzytula

Posted

@mattstuddert thanks! Cant wait for another challenge:) You are doing great Job

0
P
Matt Studdert 13,611

@mattstuddert

Posted

@AndrewPrzytula thanks a lot! I'm looking forward to seeing your next solution 🙂

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