/fm-fylo-dark-theme-lp

🗂 Frontend Mentor landing page challenge to practice some layout challenges. Created with SCSS, CSS Grid, Flexbox, & BEM

Primary LanguageSCSS

Frontend Mentor - Fylo landing page with dark theme and features grid

🗂 Frontend Mentor landing page challenge to practice some layout challenges. Created with SCSS, CSS Grid, Flexbox, & BEM

Live App: https://fm-fylo-dark-theme-lp.vercel.app/

Solution submission on Frontend Mentor: https://www.frontendmentor.io/solutions/responsive-intro-section-with-hover-effects-css-grid-and-flexbox-vlORKgVPN

Design preview for the Fylo landing page with dark theme and features grid challenge

The Challenge 💪

Challenge by Frontend Mentor to build out a landing page based on the designs provided. Click here to see the challenge.

Users should be able to:

  • View the optimal layout for the component depending on their device's screen size
  • See hover states for all interactive elements on the page

My Goals ✅

  • Build a fully responsive website
  • Practice using relative units in the CSS
  • Style with SCSS and BEM naming
  • Use Flexbox and CSS Grid for the layout