
Submitted almost 2 years ago
Base Apparel Coming Soon Solution
#sass/scss
@aykutminikli
Design comparison
SolutionDesign
Solution retrospective
Used basic sass
for a change. Used grid
for difference in logo placement from mobile to desktop version.
For javascript part instead of writing a regex from scratch, i just used type="email"
and disabled default tooltips warnings by preventDefault
and focused on style parts. I put different warning texts for empty field
and invalid field
. Styling for invalid border color comes from a form invalid class. Because if I give input:invalid
in css, it takes empty field as an invalid too.
Also used media
css for 1024px too because it didn't looked good enough for me.
Community feedback
Please log in to post a comment
Log in with GitHubJoin 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