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

Twist

@Twistus150 points

I’m a mysterious individual who has yet to fill out my bio. One thing’s for certain: I love writing front-end code!

Latest solutions

  • Huddle responsive page using flex and grid

    #accessibility

    Twist•150
    Submitted almost 3 years ago

    0 comments
  • 3 column preview card component


    Twist•150
    Submitted almost 3 years ago

    0 comments
  • feature section (using grid and animations)

    #accessibility

    Twist•150
    Submitted almost 3 years ago

    0 comments
  • testimonials grid section


    Twist•150
    Submitted almost 3 years ago

    0 comments
  • Four card feature section (flexbox)


    Twist•150
    Submitted almost 3 years ago

    1 comment
  • Responsive Fylo landing-page using flexbox


    Twist•150
    Submitted almost 3 years ago

    1 comment
View more solutions

Latest comments

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

    QR code component using HTML and CSS

    2
    Twist•150
    @Twistus
    Posted about 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

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

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

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

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