Skip to content
Submitted 9 months ago

Responsive Huddle Landing Page with Curved Sections

CairoGarb•810
@CairoGarb
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Huddle landing page with curved sections
  • HTML
  • CSS
2junior

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•300
    @Girma3Posted 9 months ago

    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

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