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

Four card feature section using Grid and Flexbox

John Pugh 340

@JohnPugh688

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


What are you most proud of, and what would you do differently next time?

Learning new ways to use Grid to position layouts and improving my working speed. If i was to do things differently i would try not to worry as much about font sizing and spacing. (Total project time 2hours 10 mins including getting tailwind set up)

What challenges did you encounter, and how did you overcome them?

positioning the cards was tricky to start with but this is when tailwind becomes so useful.

What specific areas of your project would you like help with?

If theres a better way to lay this out let me know as i may be over complicating things.

Community feedback

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