Submitted over 1 year ago

Responsive huddle landing page using grid and flexbox

Kenny Ng• 400

@kennylun123

Preview site(opens in new window)View code(opens in new window)

This is a solution for...

Huddle landing page with a single introductory section

HTML
CSS

1newbie

View challenge

Design comparison

SolutionDesign

Solution retrospective

Hi everyone, this is my solution of "Huddle landing page". Any feedback is appreciated. Thanks for your help.

I noticed the width of an img element can be affected by the width of its parent elements, better to wrap it with a div when using flexbox.

<div class="flex">
  <div class="flex_item1">
<img src="" alt="">
  </div>

  <div class="flex_item2">

  </div>
</div>

Community feedback

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