This is a solution to the Fylo dark theme landing page challenge on Frontend Mentor. Frontend Mentor challenges help you improve your coding skills by building realistic projects.
Users should be able to:
- View the optimal layout for the site depending on their device's screen size
- See hover states for all interactive elements on the page
- Solution URL: Github
- Live Site URL: Fylo Live Website
- Semantic HTML5 markup
- CSS custom properties
- Flexbox
- CSS Grid
- Mobile-first workflow
- Sass
I've learned Sass before doing this project, but never tried once on a project before. In this project, I applied what I learned about Sass (variables, partials, mixins etc). I used Scss syntax in this project.
- Sass Doc - Where I learned most about Sass and its features.
- Sass File Structure - A good article about structuring Sass projects.
- Website - Sat Naing
- Frontend Mentor - @satnaing
- Facebook - @satnaing.dev