Skip to content
  • Unlock Pro
  • Log in with GitHub
Profile
OverviewSolutions
2
Comments
1
P
Kay
@KayGeorgeson

All comments

  • Ari Griggs•270
    @nevercanon
    Submitted over 2 years ago

    Single Page Design Portfolio

    1
    P
    Kay•40
    @KayGeorgeson
    Posted over 2 years ago

    Hi,

    I'm still learning too so might not be able to give you much advice but what I found useful was to download https://responsively.app/ onto my desktop, as it allows to you see your site on lots of different screen sizes all at the same time. I use it alongside Chrome dev tools, as I don't always find the dev tools reliable.

    To set the sizes for tablets I placed my smaller css into media queries like this @media screen and (max-width: 83.4rem) {

    }

    and for phone sizes I placed the even smaller css into @media screen and (max-width: 42.8rem) {

    }

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