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 Component

@saifu-a

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


Feel free to give any feedback.

Community feedback

P
tediko 6,580

@tediko

Posted

Hello, Sk Saif Ahmed! 👋

Congrats on finishing another challenge! 🎉 Your solution looks very good and also responds well. Here's my few tips:

  • Read about semantic. Semantic elements lead to more consistent code, they are easier to read and improve accessibility.
  • Since you're familiar with Flexbox there is no need to position your .container with margin. Instead add these styles to your body to align your container both vertically and horizontally:
display: flex;
justify-content: center;
align-items: center;
min-height: 100vh;

Good luck with that, have fun coding! 💪

1

@saifu-a

Posted

@tediko Thanks for your feedback. I will modify my code to reflect the changes you suggested.

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