This is a solution to the Fylo Landing Page Challenge on Frontend Mentor.
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
- Show an error message if the user types an invalid email
- Live Site URL: https://kens-visuals.github.io/fylo-landing-page/
- Solution URL: https://www.frontendmentor.io/solutions/fylo-landing-page-with-vanilla-js-scss-and-bem-j3_o-hMup
- Semantic HTML5 markup
- SCSS custom properties
- CSS Flexbox
- CSS Grid
- Vanilla JS
- Mobile-first workflow
This project brought me closer to the end of the JUNIOR level. There's only one project left and a couple of days till the end of the year. Which means that I'm so very close to achieving my goal of finishing every challenge in this JUNIOR level. Not a lot to say about this project, the only challenge I had was the pattern image, but it wasn't much of a challenge at the end of the day. One more challenge and I can call it a year!
- Frontend Mentor - @kens-visuals
- Codewars - @kens_visuals
- CodePen - @kens-visuals