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 Cards in React + CSS Grids

@keinermendoza

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 proud of the grid layout. Making layouts with grids has always seemed like a challenge to me, so I am happy with the final result.

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

I noticed that the font sizes are different for the two designs, so I tried to make the font grow progressively until reaching the size for large screens (I am using a mobile-first approach), that was a bit difficult, and I would be happy to hear opinions about other ways to do it.

Community feedback

Raquel 120

@Saekit

Posted

Your code looks great. It seems like your vercel live website may be getting the incorrect repo since it is showing a different project.

1

@keinermendoza

Posted

@Saekit Thanks, Raquel, for letting me know. I hadn't realized that. I fixed it. Your comments are welcome.

1

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