Skip to content
Submitted about 2 years ago

Ping Landing Page with Email Sign up form.

Robert•190
@rhyuen
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

It feels kind of awkward to write the css for the mobile page and then write special code just for the desktop page in the media query that overwrites the mobile page. I am wondering if there's a more elegant and succinct way of doing it.

Community feedback

  • Hyron•5,870
    @hyrongennikePosted about 2 years ago

    Hi @rhyuen,

    Congrats on completing the challenge

    What you're referring to is mobile first approach, I've always just started with the desktop first while keep mobile in mind if it is a design wit a lot a moving part like elements position specifically, below is a article that explains each approach.

    Mobile-first, Desktop-first, and Responsive Web Design

    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