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 Huddle Landing Page with Curved Sections

CairoGarb 810

@CairoGarb

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


+1 project done! I have a few question regarding a few aspects of this challenge.

  1. Is there a better way to make the curved sections?
  2. How can I change the text ("Check your email please") or whatever aspect of the input when is invalid without using JS?
  3. How to use the Form tag properly?

Any tips/feedback will be appreciated, thank you!

Community feedback

Girma 260

@Girma3

Posted

It looks very good well done. and to answer your question number 2 to validate input without js use html constraint validation like (required, minlength,maxlength..according to your input then when this value not meet css :invalid class will match if it correct :valid class match so you can use css .see this resource for more (https://developer.mozilla.org/en-US/docs/Web/HTML/Constraint_validation ) and also client side form validation.

Marked as helpful

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