Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Responsive page with email validation

Arturo Simon 1,785

@artimys

Desktop design screenshot for the Ping single column coming soon page coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
1newbie
View challenge

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

@fatimamushtaq29

Posted

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

0
P
ApplePieGiraffe 30,545

@ApplePieGiraffe

Posted

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

@artimys

Posted

Good to know, thanks

0

Please log in to post a comment

Log in with GitHub
Discord logo

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