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

@Nard00

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


Input would be appreciated. I learn about the mask image property which was cool.

Community feedback

Al Nahian 775

@alnahian2003

Posted

Hey Kenard!

Wow, you did an amazing and excellent job on completing this challenge. The project is perfectly soothing with my viewport and it really looks good in the Mobile Devices.

Another improvement suggestion for you -

  • Try to write your HTML using the Semantic Elements. I've inspected your code and I found that you've used the <section></section> tag and that's also a semantic element, but try using them more and more and in an advanced way. Like, try to define your site header using the semantic <header></header> and put all the header contents inside it.

again, try to use <nav></nav> ,<main></main>, <footer></footer> tags and you can specify them using the class and id attributes.

(!!! Check your HTML Issues and the Accessibility Issues and try to solve them)

Don't forget to Upvote any of the comments that you've found helpful.

Happy Coding !

Al Nahian

2

@Nard00

Posted

Thanks for your input really appreciate it, I'm going to update my code.

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