👨💻 Fylo dark theme LP w/ (HTML + SASS + JS)

Solution retrospective
👨💻 Hello guys.
DAY 2/7
In this challenge, I practiced a lot of sass, and I improved the code organization a lot, separating files containing variables and media queries into folders. I also played around with js a bit.
Test the email input, if the email the user enters is valid, a card will appear! if not an error message will appear!
-👨💻Email validation with a simple regex!
-👨🎨A custom card will appear if the email passes the test!
Feel free to leave feedback on how I can improve my code.
Thanks! 😊
Please log in to post a comment
Log in with GitHubCommunity feedback
- @correlucas
Mto boa mago do SASS! Continue no foco 7/7 💪
Eu só vi duas coisas pra melhorar, a seccao das midias sociais que ficou faltando um hover com opacidade e um erro no form que nao faço ideia do que seja hahaha.
Marked as helpful - @livinglifemeaning
It is really nice that you're doing this 7 day challenge, to practice consistency and see how you improved after a week.
I think figuring out how to change the color of the social media icons and the "See how Fylo works" link along with it's arrow and line underneath on hover is a good thing to know how to do. Also, the text of the name and position is too small, and input text should inherit font-styles.
You remind me that I want to start using sass with css modules in React. An extra step but the features are nice.
Marked as helpful - @Dan-raccoon-69
I really like your project, good job! I am also learning SASS, I hope to use it for the next projects.
- @xingxing-prog
It's cool that your website is very responsive. what is SASS? I am still using the very primitive html and css and javascript to write all the project.
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