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 landing page with curved sections i used Flexbox

@VincenzoMarcovecchio

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


Help improve my work, any feed back appreciated

Community feedback

@VincenzoMarcovecchio

Posted

Hey Matt! Thanks! as always great suggestions. Ill'keep that in mind, i have to make sure everything is in place before submitting a solution :)

1
P
Matt Studdert 13,611

@mattstuddert

Posted

Your solution looks great, Vincenzo! I've only got a couple of small recommendations:

  • The social icons in the footer would be clickable elements if this were a real site, so I'd recommend wrapping them in anchor tags.
  • Also, your "Newsletter" heading in the footer is uppercased in the HTML. Be aware that screen reader software will read this out letter-by-letter instead of reading out the word. This makes that heading inaccessible to screen reader users. Instead, I'd write it normally in your HTML and then use text-transform: uppercase; in your CSS to visually uppercase it to match the design.

I hope that helps. Keep up the great work! 👍

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