Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
23
Comments
2

Esteban

@estebanp2022United States340 points

Everything UX/UI, Design & Frontend Web Development

I’m currently learning...

All about React, Tailwind CSS & Bootstrap.

Latest solutions

  • Flyo Dark Theme


    Esteban•340
    Submitted over 2 years ago

    0 comments
  • Art Gallery Website


    Esteban•340
    Submitted over 2 years ago

    0 comments
  • Bookmark Landing Page Submission


    Esteban•340
    Submitted over 2 years ago

    0 comments
  • URL shortening API landing page


    Esteban•340
    Submitted over 2 years ago

    0 comments
  • Loopstudios Landing Page


    Esteban•340
    Submitted over 2 years ago

    0 comments
  • Clipboard Landing Page


    Esteban•340
    Submitted over 2 years ago

    1 comment
View more solutions

Latest comments

  • Esteban•340
    @estebanp2022
    Submitted over 2 years ago

    Four Card Feature Submission

    2
    Esteban•340
    @estebanp2022
    Posted over 2 years ago

    Thank you for the feedback! I've made a few edits accordingly. I'm currently trying to use flex-box only on the layout to practice and get really comfortable with it - I will look into updating the code using Grid in the future.

    TY!

  • luisoliverosrdn•70
    @luisoliverosrdn
    Submitted over 2 years ago

    QR Code Component - First challenge finished!

    3
    Esteban•340
    @estebanp2022
    Posted over 2 years ago

    I come across the same problem (not sure what I'm missing). I fix it by using the Transform/Translate properties and this works every time. Just include the following on the selector of whatever you're trying to center both vertically & horizontally:

    position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);

    Hope this helps!

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

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