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

Mobile First using html and css

Fatima 145

@FatimahFarooq

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 suggestions or feedback for improvement is much appreciated.

Community feedback

Ahmed Faisal 5,095

@afrussel

Posted

Main container is not center align vertically. In mobile view container is not in center its going to on left

Marked as helpful

0

Fatima 145

@FatimahFarooq

Posted

Hi Ahmed! Thanks for your feedback.After aligning it to center,I realised it was actually the width of the cards that I had set to 80% ,was causing this alignment issue. I had set the width of cards to 80% for desktop screens because of the cards with more content looking wider than the others. Any feedback on keeping the width consistent?

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