Skip to content
Submitted about 1 year ago

Simple implementation with custom properties

Jazā€¢190
@arfernn
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...QR code component
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Solution retrospective

What would be the best approach here for the space separations between the QR, header and text? use paddings or empty divs with custom heights? any other better alternative?

Community feedback

  • Tomomiā€¢20
    @Tomomi-K1Posted about 1 year ago

    Hi @arfernn,

    Great job completing the first challenge!!

    I'm not sure if it is the best practice, but I used margin on QR code image to create a space between img and rest of the bottom text area. I think your way (putting padding on content_text) works, too!

    I hope this helps!

    1

Please log in to post a comment

Log in with GitHub

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