Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
9
Comments
1
Twist
@Twistus

All comments

  • Jessie Fabian•40
    @Jessfabian
    Submitted almost 3 years ago

    QR code component using HTML and CSS

    2
    Twist•150
    @Twistus
    Posted almost 3 years ago

    To add a white or any kind of internal space to any element you can use "padding" property. Padding also can help to create natural text-wrap. For example if you'll wrap this piece of code in some container (in this example <div class="text">) : "

    <div class="text"> <div> Improve your front-end skills by building projects </div> <p> Scan the QR code to visit Frontend mentor and take your coding skill to the next level </p> </div> You can add padding to it in css like this (also dont forget to remove <br>'s) .text{ padding: 0 36px; } This is my first time trying to help someone, hopefully this was a bit helpful
    Marked as helpful
Frontend Mentor logo

Stay up to datewith new challenges, featured solutions, selected articles, and our latest news

Frontend Mentor

  • Unlock Pro
  • Contact us
  • FAQs
  • Become a partner

Explore

  • Learning paths
  • Challenges
  • Solutions
  • Articles

Community

  • Discord
  • Guidelines

For companies

  • Hire developers
  • Train developers
© Frontend Mentor 2019 - 2025
  • Terms
  • Cookie Policy
  • Privacy Policy
  • License

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub

Oops! 😬

You need to be logged in before you can do that.

Log in with GitHub