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 Coming Soon Page - SCSS

P

@HiQendresa

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

@MohammedBentalb

Posted

hello Qendresa, I do like how your projects are getting better and better, and closer to the design and some even match great but u need to know that the design is not responsive (centered) on devices that are bigger than 1440px, (most of your projects), most because (as I saw in some projects) mostly because you define the body to be max-width of 1440px and that's unadvisable

here are better ways to handle it :

  • set the container not the body to a max-width of 1440pxand center it using either grid or flex(flex is easier)or simply by using margin on elements(it depends on how the elements are styled )`.

if you happen to be working on a device with a screen < 1440px you can still preview other sizes by devTools , and try extra wide dimensions to see the project's look.

cheers

Marked as helpful

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