Code Monkey home page Code Monkey logo

fylo's Introduction

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.

fylo's People

Contributors

michelleswemdoo avatar

Stargazers

 avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.