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 Section

@SandyAstorga

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?

The result was good, the responsive part of the Grid was a bit complicated for me.

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

I think at that time the handling of the Grid was a challenge, both the shading and the colored edges.

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

I think I need to reinforce the theme of the Grid and have my styles more organized so as not to repeat them.

Community feedback

P
mantis 240

@morauszkia

Posted

I like your solutions with grouping the two middle cards. I thought about such a solution, too, and only decided against, because I wanted to add the "middle" layout between the one column layout and the three column layout. In fact, I am still thinking about it, maybe I could use it to simplify the css.

1
Kezzer 110

@KezzerDF

Posted

Does the solution include semantic HTML? I believe so Is it accessible, and what improvements could be made? Size, however difficult without actually design. Does the layout look good on a range of screen sizes? Yes Is the code well-structured, readable, and reusable? Yes, but maybe rather use class than id. Does the solution differ considerably from the design? No on the right track.

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