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

Basic Non Resposive CSS Grid Solution

@FaBs51

Desktop design screenshot for the Sunnyside agency landing page coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
2junior
View challenge

Design comparison


SolutionDesign

Solution retrospective


Do comment your valueable advices on how to make the design responsive and better.

Community feedback

Sky 945

@Skyz03

Posted

Hi @FaBs51👋, Really liked your effort to make this design it looks perfect in the Dektop and Tab version ... I would recommend the use of @media queries to improve your mobile version like @media(max-width: 380px) ... you can also find more info on https://developer.mozilla.org/en-US/docs/Web/CSS/Media_Queries/Using_media_queries

Marked as helpful

0

@FaBs51

Posted

@Skyz03 Thank you so much !! Would definately check that out

1

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