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

3 column card using CSS flex box

Shahd mhmโ€ข 10

@shahdmhm

Desktop design screenshot for the 3-column preview card component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


I'm looking forward to your feedbacks Thanks

Community feedback

Benjo Quilarioโ€ข 1,810

@benjoquilario

Posted

Hello Shahd mhm ๐Ÿ‘‹

Even with complete beginner you still did a good job on this one.

Some suggestion:

  • You must remove the transform transform: translateX(10%); on you body tag. This will only add the extra horizontal scrollbar on the small screen like me๐Ÿ˜….
  • No need to add position relative and use left right for center the text text-align:center is already enough.
  • You might want to study more about flexbox๐Ÿ˜ƒ.
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