Flexbox

Community feedback

• 

  Dylan de Bruijn•3,230

  @DylandeBruijnPosted 5 months ago

  @Iridelis40

  Hiya! 👋

  Congratulations on your solution, it looks very close to the design! I can tell you put a lot of effort into it.

  Things you could improve ✍️

  • Add a bit of padding to your body element so the card has room to breath on smaller viewports.

  • Instead of using height: 100vh on the body try using min-height: 100vh so you don't run into overflow issues.

  • Try using more descriptive CSS classes for your elements like .card, .card-title and .card-description.

  • Try using relative CSS units like rem and em.

  • You don't have to wrap your image in a separate <div>, you can style the image directly if you want.

  • Try using more semantic HTML element like <p> for your text.

  I hope you find my feedback valuable, and I would appreciate it greatly if you could mark my comment as helpful if it was! 🌟

  Let me know if you have more questions and I'll do my best to answer them. 🙋‍♂️

  Happy coding! 😎

  Marked as helpful

  1