Skip to content
Submitted over 2 years ago

HTML, CSS Flexbox

Anasā€¢330
@redshift14
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

I couldn't remove the bubble message when submitting wrong email with CSS only. Also I found setting the height of each curved background of each pseudo element quit challenging, if anyone have a better way of handling curved backgrounds please I would be glad to know it.

Community feedback

  • Shashree Samuelā€¢9,260
    @shashreesamuelPosted over 2 years ago

    Hey redshift14, good job completing this challenge. Keep up the good work

    Your solution looks great however I think the website title should be a bit bigger.The card titles need to be a bit bigger like the design.

    In terms of accessibility issue form elements should have a visible label, simply mention the name attribute

    In terms of validation errors

    • CSS: transform: too few values for the property transform.

    • CSS: Unknown pseudo-element or pseudo-class :host. I recommend reading up on pseudoelements and pseudo-classes to ensure you are using the correct property

    I hope this helps

    Cheers Happy coding šŸ‘

    Marked as helpful
    1

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