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

Ping - Responsive Design featuring Sass, BEM, and ES6

itskitto 20

@itskitto

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

Awesome work on this! The landing page looks great! 👍

A couple of small little pointers after having a look at the code:

  • At the moment you don't have any heading elements on the page. I would always recommend adding headings to any page to create a content hierarchy and layout the content outline for the document.
  • You're currently using max-width media queries to make the page responsive. On your next challenge, I'd recommend having a go at using min-width queries and working mobile first. It can actually make the workflow easier and also means mobile users are loading in fewer styles than desktop users which can improve performance.

I hope that helps! 🙂

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