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

Evaluación Formativa 1

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


¿How to make it responsive so that each column stack on eachother vertically?

Community feedback

Naveen Gumaste 10,460

@NaveenGumaste

Posted

Hello Miguel Córdoba Rojas ! Congo 👏 on completing this challenge

Let's look at some of your issues, shall we:

  • Warp your card content around the main tag Ex: 👇
<body>
<main class="container">
*all you content here*
</main>
</body>
  • Always use h1 first and then h2, h3 and so on

happy Coding😀

1
Skippy 110

@skippysworld

Posted

If you're beginner, I'd recommend write your CSS by yourself instead of using Bootstrap. I mean there's nothing bad about frameworks, but I would personally prefer to learn how to write CSS by myself before moving on Bootstrap - when you know how things works, you may better understand Bootstrap itself and use their Docs far more efficient.

0
Dev Rathore 2,600

@GitHub-dev12345

Posted

Nice coding my small suggestion for your project give the background color, given in the style guide file, go check and then apply in your project 👍🎉 I hope you find this helpful

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