Skip to content
Submitted over 2 years ago

Huddle landing page with a single introductory section

Luis Philip Cuenca•110
@CuencaGIT
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Huddle landing page with a single introductory section
  • HTML
  • CSS
1newbie

Design comparison

SolutionDesign

Solution retrospective

I kinda struggled a little bit in implementing my mobile version into the desktop. I just manually re-arrange all of the components using position: absolute; can you guys suggest how to do it more easily.

Community feedback

  • Tahmeed•150
    @Tahmeed-programmerPosted over 2 years ago

    you can utilize grid by wrapping each element in the main inside a div and then setting the main section display to grid from there you can use grid template columns to set the width of each element

    1
  • Mofe•440
    @Mofe620Posted over 2 years ago

    Wrap your h2 and p tags in a div Create a container div around everything in your main section, apart from the nav. Set the container to a display of flex in the desktop mode. See if it works.

    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