The Odin Project Exercises!

Exercise 01: Create basic HTML structure (this page)

Exercise 02: Create basic CSS

• 01-css-methods
• 05-descendant-combinator

Exercise 03: The cascade in CSS

• 06-cascade-fix

Exercise 04: Padding and Margin

• 01-margin-and-padding-1
• 01-margin-and-padding-2

Exercise 05: Flex

• 01-flex-center
• 02-flex-header
• 03-flex-header-2
• 04-flex-information
• 05-flex-modal
• 06-flex-layout
• 07-flex-layout-2

Project 01:

• Landing Page

Project 02:

• Rock Paper Scissors - Console

Exercise 06: Javascript

• 01-helloWorld
• 02-repeatString
• 03-reverseString
• 04-removeFromArray
• 05-sumAll
• 06-leapYears
• 07-tempConversion

Project 03:

• Shopping-List

Project 04:

• Rock Paper Scissors - GUI

Project 05:

• Etch-A-Sketch

Exercise 06: Javascript - Continued

• 08-calculator
• 09-palindromes
• 10-fibonacci
• 11-getTheTitles
• 12-findTheOldest

Project 06:

• Calculator