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 CSS Grid

TK-PJ06 150

@TK-PJ06

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?

I'm pretty happy because I was able to complete the challenge in the time that I had estimated ( 1hour and 15 minutes) and I was able to achive a pretty good result.

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

I had some problems while I was placing the cards in the grid but I was able to overcome that by drawing the structure that I wanted to achieve.

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

In the last media queries I had to declare the postion of the cards because even if I setted the 'grid-template-columns' to '1fr' it was still displaing two columns. I did not found a way to fix that. Corrections and advices are welcome.

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