patrikkozak / css-grid-flexbox

About

A Minor Project to learn and better understand CSS Grid and Flexbox. Properties used to guide with responsive web applications.

Steps

Download or Pull This Repo Top of this page you can see where it says clone or download

Install Node https://nodejs.org/en/

Download Atom (OPTIONAL) https://atom.io/

Install all the node packages In the root of this project run on your terminal (if you want you can do this with yarn but thats optional) We updated to version 4.0 of gulp so you should have no problems

    npm install gulp-cli -g
    npm install gulp 
    npm install [email protected] -g
    npm install [email protected] -g
    npm install

Make sure your version of gulp is 4.0

    gulp -v    

Make sure webpack is installed

  webpack -v

Start the dev server

  npm run watch

Start the dev server with proxy

  npm run proxy

Build files for production

  npm run build

Optimize Your Images

  npm run imgs

Static Site Generator Development

  npm run static:dev

Static Site Generator Production

  npm run static:build