π¨βπ» Fylo dark theme LP w/ (HTML + SASS + JS)
Design comparison
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! π
Community feedback
- @correlucasPosted about 2 years ago
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 helpful1@AdrianoEscarabotePosted about 2 years ago@correlucas kkkkkkkk dexei em branco mas devia ter tirado, eu quero ver a sua clipboard logo.
to ansioso
0 - @livinglifemeaningPosted about 2 years ago
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 helpful0 - @xingxing-progPosted about 2 years ago
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.
1@AdrianoEscarabotePosted about 2 years ago@xingxing-prog sass is a preprocessor scripting language that is interpreted or compiled into CSS.
highly recommend reading about it, it's not hard to learn and also has some handy tools to help with development!
0@xingxing-progPosted about 2 years ago@AdrianoEscarabote I read your sass code, it seems kind of complicated, maybe because I didn't learn it. You know I am waiting to learn all css concepts including animation, transition, and pseudo classes then learning sass because I find it's not so easy as before I suppose to learn css, especially when it's connected with JavaScript maybe because I learnt JavaScript first. Haha, maybe I should take a look.
1@AdrianoEscarabotePosted about 2 years ago@xingxing-prog Take a look, it's not that hard!
0
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