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 using Bootstrap

@rizkygustianto

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

P
Matt Studdert 13,611

@mattstuddert

Posted

Great work on this! I've just had a little look at your code and have got a few little tips for your next project:

  • At the moment, you're using multiple h1 elements on the page. I would recommend always sticking to a single h1 for any page for accessibility reasons. Then you can have any number of h2-h6 that you like.
  • I would definitely recommend separating out your CSS into a separate file, otherwise your HTML file can get bloated very quickly.
  • Where you've got new sections on the page, I would go for the section element as opposed to the div element to add a little bit more meaning to the structure of your content.

I hope those pointers helped. How did you get on with the challenge? Did you learn anything new as you went through it?

2

@rizkygustianto

Posted

Thank you so much for the suggestions, I really appreciate them! And thank you for making these projects, they really helped me learn.

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