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

Card component using Flexbox.

Fernanda 180

@ferlagher

Desktop design screenshot for the QR code component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


Hi everyone, I just want to know if it was correct to use the article tag for the card or I should used a div instead. Thank you!

Community feedback

@munyite001

Posted

Hey, Article tags are just okay, but they're mostly used to separate different parts within a given section. My opinion is it's better to use a div to denote the entire card, to act like a container, then you can use article tags for the different sections in your card, like the image section, or the text section. But overall, really nice design. Happy coding!!

Marked as helpful

1

Fernanda 180

@ferlagher

Posted

@munyite001 That was exactly what I want to know, thank you very much!

0

@munyite001

Posted

@ferlagher Anytime... Happy Coding

0
faizan 2,420

@afaiz-space

Posted

Hey @ferlagher, congratulation on completing the challenges.

  • Add justify-content: space-between; in article element.
  • remove all padding from h1 and p element. after add margin:25px; in h1 element.
1

Fernanda 180

@ferlagher

Posted

@afaiz-space Hi, thank you for your correction. I will fix that later. 👍🏻

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