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

Responsive Landing Page Using CSS Flexbox, Semantic HTML and JQuery

@ccrump1280

Desktop design screenshot for the News homepage coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
2junior
View challenge

Design comparison


SolutionDesign

Solution retrospective


What are some ways I could make my CSS code cleaner?

With this project I went with a desktop-first approach which I know is frowned upon. Is it ever appropriate to use a desktop-first approach?

Community feedback

P
Declan 300

@DeclanLacey

Posted

I wouldn't say there have really been any scenarios where it made sense to do desktop first, and the main reason for that is that it is easier to do mobile first and usually saves you some work. As with the mobile design, you will set up the general way the sections look and just have to change the way they are placed or the sizes of text etc. Although for a small design like this its probably not the end of the world. Nice job overall!

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