CSS Layouts Exercises

Welcome to the CSS Layouts interactive tutorial, during this series of exercises you will learn and practice:

Complete selection of autograded CSS exercises, anyone interested in learning CSS!

One click installation:

After downloading the exercise, make sure you have the breathecode-cli installed and node.js version 8+

This is the command to install the breathecode-cli
$ npm i breathecode-cli -g

Clone or download this repository. Once you finish downloading, you will find a new folder with a subdirectory "exercises" that contains all the exercises within.

Note: Once you finish downloading, you will find a "exercises" folder that contains all the exercises within.

Start the tutorial/exercises by running the following command at the same level were your bc.json file is:

$ npm i jest@24.8.0 -g
$ cd ./css-layouts-tutorial-exercises
$ learnpack run

Each exercise is a small react application containing the following files:

index.css: your CSS code goes here.
index.html: your HTML code goes here.
README.md: contains exercise instructions.
test.js: you don't have to open this file, it contains the testing script for the exercise.

Thanks goes to these wonderful people (emoji key):

Alejandro Sanchez (alesanchezr), contribution: (coder) 💻 (idea) 🤔, (build-tests) ⚠️, (pull-request-review) 👀 (build-tutorial) ✅ (documentation) 📖
Paolo Lucano (plucodev), contribution: (coder), (build-tests) ⚠️

This project follows the all-contributors specification. Contributions of any kind are welcome!