Submitted 19 days ago

Intro component with sign-up Client-side validation checks

sass/scss

IO•710

@i000o

A solution to the Intro component with sign-up form challenge

Preview Code

Solution retrospective

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

I'm happy with this one - I built on my knowledge of forms, this time implementing an input type="password" - along with previously used formatting and empty fields checks with Javascript.

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

The Javascript was somewhat straightforward with this, building off an earlier challenge. The styling was a bit more difficult. Still wrestling with Flex layouts sometimes, and I really need to concentrate when I do media queries. This time, I worked with specific breakpoints where the design collapsed. I worked carefully and slowly which helped because sometimes I rush a little to finish the project, but I don't want it to be an afterthought because that's how I overlook things.

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

Why do I lose my padding/page margins in <body> in Desktop at a viewport of around 940px?
Please help me with background-image! I'm seeing the 'wallpaper' sort of cut off at a point before it repeats and even when I change the size, it doesn't go away and the design brief doesn't show it. Help?

Code

Please log in to post a comment

Community feedback

No feedback yet. Be the first to give feedback on IO's solution.

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