rdeprey / css-grid-presentation

Presentation that walks through getting started with CSS Grid

Home Page:https://rdeprey.github.io/css-grid-presentation/?immediate=true&slide=0&slideElement=-1

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

CSS Grid Presentation

Presentation that walks through getting started with CSS Grid. It was created and presented in March 2020.

Run the Presentation Locally

This presentation was built with Spectacle. Spectacle Docs

  1. Install dependencies

    $ npm install
  2. Start the webpack server. The server will run at the default webpack-dev-server address, localhost:8080.

    $ npm run start
    
    # Or with a specific port!
    $ npm run start --port=3000
  3. Open http://localhost:3000 in your browser.

Build and Deploy the Presentation

Building the dist version of the project is as easy as running

$ npm run build

From there you can deploy the built slides in dist to services like Netlify, Surge, etc!

About

Presentation that walks through getting started with CSS Grid

https://rdeprey.github.io/css-grid-presentation/?immediate=true&slide=0&slideElement=-1


Languages

Language:MDX 81.0%Language:JavaScript 14.1%Language:CSS 2.5%Language:HTML 2.5%