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

main technique i used is CSS Grid

@mariby21

Desktop design screenshot for the QR code component coding challenge

This is a solution for...

  • HTML
  • CSS
1newbie
View challenge

Design comparison


SolutionDesign

Community feedback

@catherineisonline

Posted

Looks nice. If you want to get rid of the report issues, instead of the article wrap everything in the main tag and instead of p tag in the info-1 div, use h1 tag 😎

Marked as helpful

2

@mariby21

Posted

@catherineisonline thank you!

0
xpress-dev 120

@xpress-dev

Posted

You could have set your "arcticle" div to flex, set the flex- direction to column and give it a gap.

.arcticle { display: flex; flex-direction: column; gap: 1rem; } This would nicely space your elements inside your div.

Marked as helpful

1

@mariby21

Posted

@xpress-dev thank you!

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