Skip to content
Submitted over 4 years ago

Four Card feature section in HTML, CSS by KvG

Kanav Gulati•20
@codefather91
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

Hey folks, This is my first ever attempt at creating a responsive webpage. I decided not to use Bootstrap and try and figure out the responsiveness using the CSS media queries. Do let me know your thoughts and feedback as it will definitely help me get better at this.

Community feedback

  • Gerben Dol•3,115
    @GerbenDolPosted over 4 years ago

    Hey Kanav, honestly a great job for your first responsive page! 🙌🏻

    What I noticed is that before the layout goes to mobile it gets very narrow. Try adding another breakpoint for screens that are small, but not as small as mobile phones and maybe set it to have 2 cards per row! 😁

    Marked as helpful
    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