/Fylo_frontendmentor_challenge

I tried my hand at one of Frontend Mentors challenges. Check them out here -> https://www.frontendmentor.io/challenges

Primary LanguageHTML

Frontend Mentor - Fylo landing page with two column layout

Design preview for the Fylo landing page with two column layout challenge

Welcome!

Table of contents

Overview

The challenge

Users should be able to:

  • View the optimal layout for the site depending on their device's screen size

Links

My process

Built with

  • Semantic HTML5 markup
  • Flexbox
  • Mobile-first workflow
  • JS

What I learned

I really learned the power of Flexbox while working on this landing page. I have a lot to learn and need to get my hands dirty more often in figuring out flexbox and grid layouts in CSS. It'll be a challenge but looking forward to it.

Continued development

This helped me learn that I need to get a better understanding of CSS layouts such ass Flexbox and Grid. I have a lot more to learn and looking forward to it.

Useful resources

  • Kevin Powell Youtube - If you need CSS tips and clear explanations of how CSS works watch his youtube channel and maybe take a course of his too.

Author