Skip to content
Submitted almost 2 years ago

Suite landing page

sass/scss
Christian Palacios•360
@codepalacios
A solution to the Suite landing page challenge
Preview (opens in new tab)Code (opens in new tab)

Solution retrospective

Hi everyone, media queries are a bit difficult for me and I would really appreciate advice on best practices on this or alternatives to better ways to use them in this project for a better user experience.

Regards :D

Code

Please log in to post a comment

Log in

Community feedback

  • Ivan Netreba•210
    @ivannetreba

    Wow so close to design! Very good! You use many nestings. Can it make maintaining code more harder?

    Marked as helpful
  • P
    Alexandra•580
    @Alexandra2888

    Hi! Congrats for finishing challenge! Your solution is very close to the design! In general it's better to start coding for mobile first (that means 0-767px) after increase for tablet (min-width:768px) and after that for desktops (width for desktop in general is provided by the design, can be 1024px, 1200px etc). Don't try to keep everything "in place", you can't predict where every px will stay on a user's screen. As Kevin Powell says "px perfect website doesn't exist". A user can see your page from a Nokia 3310, another from a 50 inch screen and another will navigate your site using a screen reader so you can only predict how everything will look. Happy coding and don't stress :D

    Marked as helpful

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