Skip to content
Submitted about 4 years ago

Responsive page with email validation

Arturo Simon•1,785
@artimys
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Ping single column coming soon page
  • HTML
  • CSS
  • JS
1newbie

Design comparison

SolutionDesign

Solution retrospective

What's best practice when increasing font size from mobile to desktop layouts. I find myself tweaking font-sizes between media queries kind of exhausting?

Thanks

Community feedback

  • Fatima Mushtaq•80
    @fatimamushtaq29Posted about 3 years ago

    I use clamp() for responsive font, even for paddings and margins. I love it, though it has limited browser support.

    0
  • ApplePieGiraffe•30,545
    @ApplePieGiraffePosted about 4 years ago

    Hey, Arturo Simon!

    Your solution looks good and responds well! 🙌

    So far, I've only used media queries to change font-sizes between desktop and mobile layouts. I see you only have one media query, so that should at least simplify things a little!

    Keep coding (and happy coding, too)! 😃

    0
    Arturo Simon•1,785
    @artimysPosted about 4 years ago

    Good to know, thanks

    0

Please log in to post a comment

Log in with GitHub

Join our Discord community

Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!

Join our Discord