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 Four Card Section with HTML and CSS

@HDanielO

Desktop design screenshot for the Four card feature section coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


My first HTML & CSS project in a while. There's something I don't still get about responsiveness and media queries, why do I have to write so much code just to make one section responsive, or is there something I'm not doing well, something I should use, or am I just overreacting. Thanks

Community feedback

YoungZV 260

@YoungZV

Posted

Hi I am not expert, still learning things but maybe better to do mobile first approach. As mainly all the html elements are block elements so it is always easier to start with it. Style everything in "mobile first" approach then when you need to do media queries it would need less codes.

Marked as helpful

1

@HDanielO

Posted

@YoungZV Thank you. My next project, I'll try mobile-first. It just seemed kinda difficult the first time I tried it. Oh well, I guess I just have to try harder again. Thanks for your feedback

1
YoungZV 260

@YoungZV

Posted

@HDanielO

Yes, sometimes hard to change your habits. Good luck ;)

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