Skip to content
Submitted over 2 years ago

Four Card Feature Section | GRID | Mobile First

Nick OD•270
@NickODxyz
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

Hi all,

This was my first attempt at using GRID. I'm pretty pleased with the way it came out in the end. Having never used grid, there were a lot of properties to take in.

If someone could take a look at how I used it and let me know if I could have made the code any cleaner that would be great.

I also made a lot better attempt at making the page fully responsive, please let me know your thoughts on that.

Thanks, Nick

Community feedback

  • Account deleted

    Hi there 👋

    Congratulate on finishing your project 🎉. You implemented the grid system correctly 🥳🎉👏

    I give some suggestions that I hope help you take your project design to the next level 📈.

    • One thing really hard to see, is there is some white space between the body and the main element 💡👍, Lets fix it

    Happy coding ☕

    Maqsud

    Marked as helpful
    0
    Nick OD•270
    @NickODxyzPosted over 2 years ago

    @maqsudtolipov thank you for pointing that out. Should be fixed now.

    Nick

    1
    Account deleted

    @NickODxyz I think still there see https://ibb.co/LCs41j9, as I said hard to see

    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