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

Samuel

@samuel-jm70 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

  • Dine Restaurant Website

    #sass/scss#webpack#bem

    Samuel•70
    Submitted over 1 year ago

    0 comments
  • Blog Preview Card

    #webpack#sass/scss

    Samuel•70
    Submitted over 1 year ago

    0 comments
  • Social Links Profile


    Samuel•70
    Submitted over 1 year ago

    0 comments
  • Recipe Page


    Samuel•70
    Submitted over 1 year ago

    0 comments
  • QR Code Component


    Samuel•70
    Submitted over 1 year ago

    1 comment

Latest comments

  • P
    Restu•630
    @masrestu
    Submitted almost 3 years ago

    QR Code Component Main

    2
    Samuel•70
    @samuel-jm
    Posted over 1 year ago

    Nice solution, if you want to position your attribution independently from the qr component you could set its position to absolute and use top, right, etc., this will remove it from normal flow and allow the qr component to be centered on the viewport regardless of where the attribution is placed. Something like:

    .attribution {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 15px;
    }
    
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

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