Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
19
Comments
3
Adonai Jonathan
@ajadonai

All comments

  • P
    Haikal Yusuf•30
    @waffledood
    Submitted about 2 years ago

    QR Code Component (Solution)

    2
    Adonai Jonathan•290
    @ajadonai
    Posted about 2 years ago

    Your component is way to big when I tried to load it up on my phone, that can be fixed with a media query so on a desktop it takes the 500px you set and on the mobile device it takes up 80-90% of the screen size.

    @media screen and (screen width goes here) {

    *your class goes here *

    }

    Marked as helpful
  • AJsdevs•20
    @AJsdevs
    Submitted about 2 years ago

    FlexBox, absolute and relative positioning, margin/padding settings

    3
    Adonai Jonathan•290
    @ajadonai
    Posted about 2 years ago

    I just checked out your website using my phone and it wasn’t rendering right. You need to work on your responsiveness. I always recommend frameworks for things like that

  • bennicholson2•10
    @bennicholson2
    Submitted about 2 years ago

    Results-Summary-Attempt-1

    2
    Adonai Jonathan•290
    @ajadonai
    Posted about 2 years ago

    to solve the responsiveness issue you are facing, i will advice that you learn how to use a css framework like bootstrap or tailwind. They help you out in making your website responsive and also help reduce the time you spend in creating your own version of things.

    Yes, you can achieve the result with a short line of css, you just have to combine alot of codes you used multiple times into one handler

    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