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

fourcard_feature_section fully responsive using http and css flexbox

@myNameIsArfa

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


Any suggestion for this solution?????? i would really apreciate your feedback.

Community feedback

darryncodes 6,430

@darryncodes

Posted

Hi Afra,

Really good solution, well done!

Two bits of feedback from me:

  • you could clear your accessibility report if you changed <div class="container"> to <main class="container">. It's really important to use semantic html
  • i'm viewing your solution on a really wide monitor. The middle column is quite stretched and the other two are squashed and overall it's not centred. I think a better choice for this solution would be CSS Grid

But overall you pretty much nailed it, with a few tweaks it could be perfect 🤙

0

@myNameIsArfa

Posted

@darryncodes first of all I appreciate your feedback. Its realy helpfull for me. Yeah i agree, with css grid it would be more easy and manageable.

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