Skip to content
Submitted over 3 years ago

Mobile first using grid for layouts

Stephen Tyers•235
@stephentyers1975
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Huddle landing page with curved sections
  • HTML
  • CSS
2junior

Design comparison

SolutionDesign

Solution retrospective

This is the last pure HTML/CSS challenge before moving onto learning Javascript :). I used only grid for the layouts. I just coded up the two design layouts as best as I could. I also put a few scaling and brightness effects on the buttons. The main takeaways for me are that I need to revise my semantic HTML, I just find it a bit dull hahaha compared to the visual design work. Many thanks Steve

Community feedback

  • Elise Rousseau•685
    @SarahHenriettePosted over 3 years ago

    Hi Stephen 🙂,

    Well done for your project I find it very well done ! 👍

    It is true that it is not easy to use the html semantics well, often we use too many divs.

    well done and good luck learning javascript 😉

    0
    Stephen Tyers•235
    @stephentyers1975Posted over 3 years ago

    @SarahHenriette Thanks for your kind feedback :) Steve

    1

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