Submitted 11 months ago

Responsive Huddle Landing Page HTML and CSS

Luke Song•150

@luke-song

Preview site View code

This is a solution for...Huddle landing page with a single introductory section

HTML
CSS

1newbie

Design comparison

SolutionDesign

Community feedback

Paul Adekomi•550

@Paul-AdekPosted 11 months ago

Good Job on getting this project done Luke Song, I suggest that you would have wrap your content inside a div for example:

<body>
	<div class="container">
         <--! Content goes here -->
       </div>
      </body>

then style it like this

body{
     display: flex;
     align-items: center;
     justify-content:center;
     min-height : 100vh;
  }
.container{
      display: flex;
      align-items: center;
      justify-content:center;
      flex-direction: column;
      height : 100vh;
      width:100vh;
}

This will help in making it responsive. Anyways, you did a good job on this, I hope this helps.

Please log in to post a comment

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