Submitted 2 months ago

Huddle Landing Page

Steve Mogan Odumbe• 270

@StevetheRebel

Preview site(opens in new window)View code(opens in new window)

This is a solution for...

Huddle landing page with curved sections

HTML
CSS

2junior

View challenge

Design comparison

SolutionDesign

Solution retrospective

What are you most proud of, and what would you do differently next time?

Done with the task in under 12 hours. Building up my speed. Super proud on how I've been able to make it even responsive for smartwatch viewing🤩.

What challenges did you encounter, and how did you overcome them?

Making sure the curves seemed seamless cause some trouble but managed to learn something called vertical aligning in CSS that managed to solve my problem.

What specific areas of your project would you like help with?

OMG, when trying to solve the section where the email input is invalid and shows that little red statement, extra hard. Tried even gpt but to no avail. I NEED HELP.

Community feedback

haquanq ®️• 1,585

@haquanq

Posted 2 months ago

Hello @StevetheRebel 👋👋

Congrats on completing the challenge, although it lacks some JavaScript to make the email form functions properly as the challenge stated.

Here is my opinion:

To show the error message on invalid input, you need to use JavaScript (HTML & CSS alone won't make it)
I noticed that you have used Chat GPT to ask question, i would advise you to stay away from it, only when you have experience with the issue then Chat GPT will be your sidekick to search for information faster.

Hope this help 🐸🐸

Marked as helpful

Steve Mogan Odumbe• 270

@StevetheRebel

Posted about 2 months ago

@haquanq I though there was something that could help in CSS as the task was indicated to be just HTML and CSS only. If so, I guess, I can add that bit using JS as I had in an earlier task.

Please log in to post a comment

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