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

Mobile first responsive landing page using media queries

@RickvWijk1

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


What are you most proud of, and what would you do differently next time?

This project was started when I was still studying ICT & Media Design at Fontys University. Needless to say, I was very much inexperienced with the concept of mobile-first development. Although I was thinking of using a framework, I felt like I needed to practice the basics first by only using vanilla HTML/CSS/JavaScript.

Years later I returned to this project, and my god, was it a mess. I definitely noticed how not using SCSS, with no framework and no proper project structure was hurting my development quality and speed.

So, in terms of learning, this project learned me how to develop mobile-first and taught me why the use of frameworks and other tools is so useful.

Community feedback

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