Skip to content
Submitted about 3 years ago

Mobile First solution using HTML and CSS

Brooke Wargnier•155
@brookewargnier
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Meet landing page
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Solution retrospective

Hey all! This is my third challenge for Front End Mentor and my first multi-section webpage, so I'm pretty stoked about that.

I spent this project learning to code from the Mobile First formatting and it definitely was a challenge to start.

If you have any tips on how to get smoother transitions between the different responsive formats, I'd greatly appreciate it! Or if you have any favorite resources regarding setting up responsive sites, I'd also love that.

Community feedback

  • Jonathan•105
    @JonMStevensPosted about 3 years ago

    Hey,

    Really nice project.

    I just have a few details to nitpick. Your header contains a nav which just contains an image. I think the purpose of the nav tag is mainly to include links to navigate around a site. Also, there's some text on the page that says "Built for modern use. You could put some letter-spacing on that to make it look closer to the design. The line-height looks a little different on the h1 in the design, too. These are really minor details though.

    Thanks for your comment on my project. Sorry that I don't have a good resource yet on responsive sites, but yours looks good to me. Nice work!

    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