Skip to content

Latest commit

 

History

History

fylo-landing-page-with-two-column-layout

Folders and files

NameName
Last commit message
Last commit date

parent directory

..
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Fylo landing page with two column layout

Solution : Live Site URL

This is a solution to the Fylo landing page with two column layout challenge on Frontend Mentor

Solution submitted at Frontend Mentor - Submission link

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

The challenge

Your challenge is to build out this landing page and get it looking as close to the design as possible.

You can use any tools you like to help you complete the challenge. So if you've got something you'd like to practice, feel free to give it a go.

Your 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

Built with

  • HTML
  • CSS
  • CSS Grid
  • CSS Flexbox
  • CSS Animations

Experience, Challenges and Learning

Layout was simple but tedious compared to other newbie challenges. Footer had weird quirks mostly because of my mark-up decisions. The JavaScript for two email validations need to be worked on yet which seems a little different from previous challenges.

There also seems to be a horizontal scroll on Chrome and not on Firefox, haven't figured out the problem yet.


Pending tasks
  • Email validation
  • Updated readme after JavaScript work
  • Live solution screenshot(s)