the-odin-project

The Odin Project

Projects

Foundations

       
HTML      
Recipes HTML Foundations Project Code Page
       
CSS      
Foundations CSS Foundations Exercises    
1. CSS Methods   Code View
2. Class and ID Selectors   Code View
3. Grouping Selectors   Code View
4. Chaining Selectors   Code View
5. Descendant Combinator   Code View
6. CSS Cascade Fix   Code View
Margin and Padding CSS Margin and Padding Exercises    
1. Margin and Padding practice   Code View
2. Margin and Padding #2   Code View
Flex CSS Flex Exercises    
1. CENTER THIS DIV   Code View
2. A Basic Header   Code View
3. Another common header style   Code View
4. A very common website feature   Code View
5. A common ‘modal’ style   Code View
6. An entire page!   Code View
7. The Holy Grail of Layout   Code View
Landing Page CSS Foundations Project Code View
       
Javascript      
Foundations JS Foundations Exercises    
1. Hello World   Code View
2. Repeat a String   Code View
3. Reverse a String   Code View
4. Remove From Array   Code View
5. Sum All   Code View
6. Leap Years   Code View
7. Temperature Conversion   Code View
Rock, Paper, Scissors JS Rock, Paper, Scissors Project Code View
Etch-a-Sketch JS Etch-a-Sketch Project Code Page
8. Calculator   Code View
9. Palindromes   Code View
10. Fibonacci   Code View
11. Get The Titles   Code View
12. Find The Oldest   Code View
Calculator JS Calculator Project Code View
       
Intermediate HTML and CSS      
Forms      
1. Sign-up Form Sign-up Form Project Code View
       
Grid      
1. Positioning Grid Elements Positioning Grid Elements Code View
       
Advanced Grid      
1. Responsive Holy Grail Responsive Holy Grail Code View
2. Holy Grail Mockup Holy Grail Mockup Code View
Admin Dashboard HTML & CSS - Admin Dashboard Project Code View