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

Kristupas 20

@krisatthenet

Desktop design screenshot for the Ping single column 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 completing this challenge! 👍

Here are a few pointers after taking a look at the code:

  • In your HTML, you've currently got a h1 and a h3, but no h2. I would recommend avoiding skipping heading levels as this can create accessibility issues when defining the HTML outline and the content hierarchy.
  • I always recommend never using IDs for styling purposes as they're too specific and also can't be reused on the same page. Here's a great article on Dev.to about specificity if you would like to read up further.
  • In your next project, have a go at using min-width media queries instead of max-width. This would mean working from a mobile-first approach and optimises your CSS styles for mobile users. Meaning they load in the fewest possible styles.

I hope those tips helped! Let me know if you have any questions 🙂

1

Kristupas 20

@krisatthenet

Posted

Thanks so much for your feedback! I will refactor it a bit based based on your first two points and will do the next one with min-width!

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