Skip to content
Submitted over 1 year ago

Responsive Four Card Section with HTML and CSS

Daniel Hameed•140
@HDanielO
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Four card feature section
  • HTML
  • CSS
1newbie

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
    @YoungZVPosted over 1 year ago

    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
    Daniel Hameed•140
    @HDanielOPosted over 1 year ago

    @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
    @YoungZVPosted over 1 year ago

    @HDanielO

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

    0

Please log in to post a comment

Log in with GitHub

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