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

Markus

@Maggus407Germany130 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

  • React menu-dropdown-navigation

    #react

    Markus•130
    Submitted almost 3 years ago

    0 comments
  • First Time with React

    #react

    Markus•130
    Submitted almost 3 years ago

    1 comment
  • Responsive Article Preview


    Markus•130
    Submitted almost 3 years ago

    0 comments
  • Responsive interactive Form


    Markus•130
    Submitted almost 3 years ago

    0 comments
  • Responsive grid-section


    Markus•130
    Submitted almost 3 years ago

    0 comments
  • Responsive Order Summary Card


    Markus•130
    Submitted almost 3 years ago

    0 comments
View more solutions

Latest comments

  • nicknjagi•300
    @nicknjagi
    Submitted almost 3 years ago

    Product preview card using HTML & CSS.

    1
    Markus•130
    @Maggus407
    Posted almost 3 years ago

    Hi nicknjagi, i am also pretty new, but what i already learned is:

    • develop mobile first and use percentages and ems for sizing (1em = 16px)
    • then develop for larger viewports
    • it is easier to develop from mobile size to desktop size

    i would also recommend to increase your media queria like @media (max-width:640px)

    • moblie up to 640px
    • tablet between 640px and 1200px
    • and Desktop from 1200px

    I think there are more precise values, but just to have a rough overview.

    I hope I could help a little.

    Marked as helpful
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