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

Loopstudios landing page

Lenez 440

@lenez12

Desktop design screenshot for the Loopstudios landing page coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
2junior
View challenge

Design comparison


SolutionDesign

Solution retrospective


  1. I still confused to decide how to make the navigation is responsive between mobile and desktop using css, should i just edit that in media query section or create different class for mobile and desktop.

#thank you

Community feedback

@MurtazaKafka

Posted

Wow, that's a really neat design. However, what I have mostly observed here among Frontend Mentor community is that most developers face issues with typography a lot. I think it would really accelerate your design if you make typography your design priority and then go for other elements. For example, the typography of the first section of the webpage is a bit fuzzy.

And about your question about responsive design I must say, I would surely use media queries if I wanted to change the look of elements based on their parent div width. But if I wanted to change specific elements without changing the whole container that is wrapping that element I would surely go for @container, instead of @media. Anyway, your design awesome. Keep the good work up.

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