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

Semantic HTML5 markup, CSS custom properties, flexbox

@berealisss

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


In the process I found it tedious placing child elements within the parent element (i.e. spacing "qr-container" and "text-containers").

What are the best practices of spacing elements?

Community feedback

@CheFernandez99

Posted

all of your content should be in the child container, no containers are necessary inside the child just work out a good margin and padding ratio to space it out, I recommend using rem not % or px when dealing with spacing. you almost had it. the parent is merely for centering purposes.

Marked as helpful

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