Complete selection of autograded CSS exercises, anyone interested in learning CSS!
During this course you will be learning the following concepts:
- Using how to apply CSS to your website in 3 different ways: Inline, by grouping them together inside a
<style>tag or using an exeternal stylesheet<link>, - Selecting HTML Elements from your website to apply the styles to.
- Apply CSS Rules (styles) to those elements.
- Use the most popular CSS Rules.
- Learn the most popular CSS Tricks.
- Make sure you have the breathecode-cli installed and
node.jsversion 8+
This is the command to install the breathecode-cli
$ npm i breathecode-cli -g
- Download the react exercises by cloning this repository
$ git clone https://github.com/4GeeksAcademy/css-exercises
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-exercises
$ breathecode run -l htmlEach exercise is a small react application containing the following files:
- index.css: your CSS 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!
