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
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 really proud of this solution, i did it all by myself having in consideration all the notes of my peers.

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

i knew it was a grid challenge, so i tried to made all the components grid-type, eventually y realized that only the big container with the cards should be grids and use flexbox in the others.

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

flexbox

Community feedback

Neto 170

@deusdeteneto

Posted

Hello!

Congratulations on your work! Your solution has evolved very well, and although there are some areas that can be improved, you’re on the right track.

I was pleased to see that you used a CSS Reset. Consider creating a separate .css file for it and importing it into the HTML—this helps with code organization, readability, and future maintenance. Additionally, it’s a good practice to include font references directly in the HTML.

Your choice of Display Grid was a great solution, but I would suggest experimenting with Display Flex to improve the responsiveness of the cards. A few adjustments to the font size and weight can also make a significant difference in the overall visual appeal.

You’ve already mastered CSS and are ready to explore frameworks that can make building future pages easier. How about trying Bootstrap or Tailwind in your next project?

If you need any help, feel free to reach out to me. Once again, congratulations on your solution!

0

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