Submitted over 2 years ago

Four Card Feature Section | GRID | Mobile First

Nick OD• 270

@NickODxyz

Preview site(opens in new window)View code(opens in new window)

This is a solution for...

Four card feature section

HTML
CSS

1newbie

View challenge

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

Nick OD• 270

@NickODxyz

Posted over 2 years ago

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

Nick

Account Deleted

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

Please log in to post a comment

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