Fylo Dark Theme Landing Page using SCSS and BEM Naming Convention

Solution retrospective
First time trying SASS and implementing the BEM naming convention. This is amazing.
Using the :invalid CSS pseudo-class allows for customizing styles to invalid elements.
&:not(:placeholder-shown):invalid ~ .signup__error-input { display: block; }
This method works quite well and is simple.
Feedback is very welcome
Please log in to post a comment
Log in with GitHubCommunity feedback
- @JayDeeZzz
WOW! Awesome work dude :D Btw try to hide that email validation error, before entering an invalid email address. Cheerrzzzzzzzzzzzzzzzzzzzz 🥳
- @BikeInMan
Wow ! Isn't it perfect to the design! Looks and works so well. Congratulations. Did you use flex? What features of SASS functionality did you use? I am guessing much more than variables.
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