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

#bootstrap
Luis 930

@luis08201

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


Hi Everyone

This is my second attempt doing this challenge, but now I decided to do it using Bootstrap 5.0

I'd like to get any feedback, this will help me to improve my code skills.

Happy Coding :D.

Community feedback

@EngineerHamziey

Posted

You have done a great job 😘 But I noticed that Your page isn't centered. To fix that, you can add this to you body styling

min-height: 100vh;
display: flex;
flex-direction: column;
Justify-content: center;
align-items: center;

I think this might help...

github repository link

live site link

if you notice anything wrong, feel free to correct me I am not perfect, I am a beginner, I am open to correction and suggestions and I am wiling to learn more I'm doing this because I hope it will help feel free to ask questions,

I hope this was helpful and my hope my bad grammar isn't giving you a hard time 😊.

Marked as helpful

1

Luis 930

@luis08201

Posted

@EngineerHamziey Thank you very much for your comment. I fixed the error with the code you attached in your comments. Also, I had to make some adjustments to the columns made in bootstrap.

1

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