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 section using pure CSS.

Rohit 330

@Rohitgour03

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


Here is my solution for this challenge. Please have a look and feel free to give your valuable suggestions and feedback, so that I can improve my development skills as a beginner. Your feedback will be highly appreciated. Thanks in Advance. 🙏

Community feedback

MichalTrubini 1,220

@MichalTrubini

Posted

Hi Rohit,

According to the reporting tool, there are some accessibility and HTML issues. Not sure if you know, but prior to submitting the solution you can check for HTML issues using an HTML validator:

https://validator.w3.org/

Furthermore, I noticed that your input email field allows submitting when nothing was entered by the user. You can fix this by specifying "required" e.g.

<input type="email" id ="email" required>

As per design specs, there should be also an error message displayed on error. This can be added using javascript (I don't think pure CSS can do that job even though the author of the challenge claims only HTML & CSS should be used?).

Regards,

Michal

Marked as helpful

1

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