Submitted over 3 years ago

Fylo Dark Theme Landing Page using SCSS and BEM Naming Convention

accessibility, bem, sass/scss

Nurcholis•420

@cholis04

A solution to the Fylo dark theme landing page challenge

Preview Code

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

Code

Please log in to post a comment

Community feedback

No feedback yet. Be the first to give feedback on Nurcholis's solution.

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