Skip to content

A beautiful Landing page created with CSS Grid features

Notifications You must be signed in to change notification settings

michelleswem/fylo

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

2 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

A Landing Page for Fylo

This project is a way of encouraging people to use css grid features to create dynamic layout.

CSS grid is a game changer, It replaces float layout, and allows you to write less and more readable and logical HTML/CSS. It also works perfectly together with flexbox, which is best to handle one-dimensional components and layout.

To dive deeper, I suggest checking out Resources by Rachel Andrew and Jen Simmons.

This project is open to contributions!

LIVE PREVIEW

Design

This design Inspiration was derived from the images below for both Desktop and mobile devices.

Desktop View

desktop-view

Mobile View

desktop-view

Images

Images used in this project were gotten from Unsplash. I suggest checking out Unsplash svg icon used, were gotten from IcoMoon App from their free libaries.

Setup Instructions

Sass need to be installed locally on your computer to get you starting.

Starting the project runs a local server, watches Sass files, builds Sass to CSS and live reloads.

install node.js

Helps you to write tools for local development.

npm install 

Manages packages on your local computer, for development.

npm run start

for development process.

npm run build

run all task for production.

About

A beautiful Landing page created with CSS Grid features

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published