Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

Submitted

Huddle Site Challenge: Using Flexbox

@JeremyWarui

Desktop design screenshot for the Huddle landing page with curved sections coding challenge

This is a solution for...

  • HTML
  • CSS
2junior
View challenge

Design comparison


SolutionDesign

Solution retrospective


I took only a few hours to do this challenge. It was good I enjoyed the flex-box (you can notice by how much i have used it).

Looking forward to growing more.

Community feedback

@frontendtony

Posted

Fine work Jeremy!

A few things that could be better:

  • The wavy background images don't cover the entire width on large displays. You can fix this by adding background-size: contain right after the background-image declaration.
  • The "hero-text" is not supposed to grow beyond a certain point. You should add max-width: 60ch to the style to correct this. See here for how ch works
  • "screen mock ups" image should have a width and height. Use the values you can see on Figma. See here to understand why this is a good practice

Marked as helpful

0

@JeremyWarui

Posted

@frontendtony Thanks Anthony!

First time to hear "ch". Taking notes! Thanks.

0

Please log in to post a comment

Log in with GitHub
Discord logo

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