losgridos/01-gridsystems
Personal project that display in a responsive way the famous book cover of Grid Systems, by Josef Müller-Brockmann
Project Site
https://losgridos.github.io/01-gridsystems/
Grid Systems: a CSS Grid experiment
Grid Systems is a personal project where I play and test the limits of CSS Grids.
The design of the page is the cover of the classic book of Josef Müller-Brockmann book Grid Systems / Raster Systeme.
For the code organization I followed the principles of the ITCSS architecture.
Table of Content
Description
Grid Systems is a landing play where I can experiment with the CSS Grid. The design of the site is the cover of the classic book of Josef Müller-Brockmann book Grid Systems / Raster Systeme. I thought it is the perfect motive to play with the grid.
For the code organization I followed the principles of the ITCSS architecture.
Motivation
This project was created by myself with the intention of getting better at the understanding and use of the CSS Grid. As a front-end developer, a very important skill is being able to create a dynamic and responsive layout system.
Project Goals:
- Learn how exactly work CSS Grids.
- Test the limits of the CSS Grid, how exactly work and what can you build with it.
- Learn how it work and implement a code architecture following the ITCSS principles.
Tech Used
- Html, CSS & SASS
Installation
This project requires node and npm installed globally.
Clone the repository to a directory of your choosing
$ git clone https://github.com/losgridos/01-gridsystems.git
Navigate into chillquote directory and install the necessary packages
$ npm install
To start up the app locally
$ npm start