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

4 cards section using CSS grid & flexbox

P
Amneisa 100

@AmneisaOB

Desktop design screenshot for the Four card feature section coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Community feedback

@indigorose

Posted

This a very nice solution to the challenge.

The HTML code uses the correct semantics to help us read and navigate the flow of the page.

It is accessible using the correct colours within the design brief.

The use of CSS Grid is easy to read with dry and Block, Element, Modifier (BEM) focused class names allowing for the layout to look good on a variety of screens.

For the beginner challenges, this is really good and hope to see your other solutions soon.

Marked as helpful

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