Repository files navigation

By@alesanchezr andother contributors at4Geeks Academy

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

1. Display vs Position
2. Display: Flex property.
3. Float property.
4. Center Content.
5. Sidebar Layouts.
6. Using before and after.

1. Learn HTML
2. Learn CSS
3. Learn CSS Layouts← 🔥 your are here now
4. Learn Bootstrap

1. After downloading the exercise, make sure you have thebreathecode-cli installed andnode.js version 8+

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

2. 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.

3. 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:

1. index.css: your CSS code goes here.
2. index.html: your HTML code goes here.
3. README.md: contains exercise instructions.
4. 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):

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

This project follows theall-contributorsspecification. Contributions of any kind are welcome!