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