This is a solution to the Fylo landing page with two column layout challenge on Frontend Mentor. Frontend Mentor challenges help you improve your coding skills by building realistic projects.

• Overview
  • The challenge
  • Screenshot
  • Links
• My process
  • Built with
• Notes

Note: Delete this note and update the table of contents based on what sections you keep.

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

https://x287x.github.io/frontend-mentor-project-fylo-two-column-landing-page/

• Semantic HTML5 markup
• CSS custom properties
• Flexbox
• CSS Grid
• Mobile-first workflow
• Built with focus on modularity using SASS and SASS partials

For a single web page like this, using SASS in the way I used it is not the fastest way of doing things, but I just wanted to practice working with SASS partials for larger projects.

Also I'm using bem naming convention but probably not in the most efficient way which may have led to a crowded markup.