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 preview card - CSS grid

Aurélie 70

@aureliemesbahi

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


2nd challenge. Any advice is welcome. have a good day

Community feedback

Account Deleted

Hi there 👋

Congratulate on finishing your project 🎉. You did a great job 🔨

I give some suggestions that I hope help you take your project design to the next level 📈.

  • Change the background-color to #f2f2f2
  • Let's also put the card to the center of the page

Happy coding ☕

Maqsud

Marked as helpful

1

Aurélie 70

@aureliemesbahi

Posted

@maqsudtolipov Thank a lot. actually I saw too late that it was not the right background.

Thank you very much for your comments, I have taken them into account in the challenge that I have just finished.

1
Dev Rathore 2,600

@GitHub-dev12345

Posted

Used this code for center your project: body{ display: flex; justify-content: center; align-items: center; }

in card css code, used this one line property code align-self: center;

Marked as helpful

0

Aurélie 70

@aureliemesbahi

Posted

@GitHub-dev12345 thanks a lot for your advice. I did it in the new challenge i just finished. thanks again.

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