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

Responsive landing page using CSS flexbox

Ksenia 1,350

@ksenius

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

Community feedback

Alex Kim 1,325

@alex-kim-dev

Posted

Pretty decent job! I like your gulp setup and the way you used BEM. Also the page matches the design very well! There're just 2 small things that i would add:

  1. styling for controls :focus state
  2. rel="noreferrer" attribute for the external links, here is more info
0

Ksenia 1,350

@ksenius

Posted

@Alex-K1m Thank you for your suggestions, I'll definitely take them into account.

0

@safruk

Posted

Really great job! I have noticed you haven't posted in a while. I love to look at your solutions. Really neat sass outlay

0

@salsod-star

Posted

Well-done

0
Adarsh Pratap 5,515

@adarshcodes

Posted

It's really amazing 😍😍😍 Nearly same. Great job ksenia

0

Ksenia 1,350

@ksenius

Posted

@adarshcodes Thanks!

0
P
Matt Studdert 13,611

@mattstuddert

Posted

Amazing work, Ksenia. You've done a really good job at replicating the design and your code looks great! The only small thing left to do is to try resolving the accessibility issues in the report.

Keep up the great work!

0

Ksenia 1,350

@ksenius

Posted

@mattstuddert The issues have been resolved :) Guess I need to pay more attention to accessibility. Thank you for the feedback, I really appreciate it!

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