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

Base apparel page with flexbox

Rarysson 265

@rarysson

Desktop design screenshot for the Base Apparel coming soon page coding challenge

This is a solution for...

  • HTML
  • CSS
  • JS
1newbie
View challenge

Design comparison


SolutionDesign

Solution retrospective


I was wondering about the design of the layout in small devices, what do you guys think? Is it okay?

Community feedback

Hayk 150

@haykogn

Posted

This comment was deleted

2

Rarysson 265

@rarysson

Posted

@haykogn I was talking about placing the error text underneath the input. Preventing the default action was the easy part, but for some reason, I couldn't place the error message properly. But thanks for trying to help.

0
Adarsh Pratap 5,515

@adarshcodes

Posted

Hi @Rarysson, your design looks great and the mobile view is nicer😍. Great work👍. One suggestion, try to solve the Accessibility issue.

2

@fadzrinmadu

Posted

hello @rarysson, good work for responsive display, maybe you can continue to make the form validation work using javascript

1

Rarysson 265

@rarysson

Posted

@fadzrinmadu but I did it. It's not the best, but when the user send an empty email or an invalid email, the input shows a message, and inside of it, appears an icon of error. But thanks for your feedback.

0
Hayk 150

@haykogn

Posted

@rarysson You did it but you used the default HTML5 form look. You can remove the default and style it using custom styles to make it look nicer.

1
Rarysson 265

@rarysson

Posted

@haykogn I'll try on the next challenge, I tried on my last challenge and it was harder than I thought, so I gave up hahaha. But yeah, the default style isn't as beautiful as the original design. Do you know any tutorial that teaches how to do it properly? I searched for it and couldn't find anything useful.

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