jhou2 / solved-by-flexbox

A showcase of problems once hard or impossible to solve with CSS alone, now made trivially easy with Flexbox.

Solved by Flexbox

A showcase of problems once hard or impossible to solve with CSS alone, now made trivially easy with Flexbox.

View Site

Viewing the Site Locally

The Solved by Flexbox site is built with Jekyll and depends on several other Ruby gems (e.g. Sass and Autoprefixer).

There are also a few client-side dependencies, which are managed with Bower.

To install all the dependencies simply run the commands:

bundle install
bower install

Once all the dependencies are installed, you can preview the site locally with the following rake task:

rake preview

This starts up a local server at port 4000. If you want to use a different port, you can pass the port number as an argument to the rake task:

rake preview[8080]

In addition to building the site and serving it locally, the rake preview task will also listen for any changes and rebuild as needed. This allows you to play around with the code, refresh the browser, and see your changes instantly.