By @alesanchezr and other contributors at 4Geeks Academy
Welcome to the CSS Layouts interactive tutorial, during this series of exercises you will learn and practice:
- Display vs Position
- Display: Flex property.
- Float property.
- Center Content.
- Sidebar Layouts.
- Using before and after.
- Learn HTML
- Learn CSS
- Learn CSS Layoutsโ ๐ฅ your are here now
- Learn Bootstrap
- 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 [email protected] -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!