gitextract_ffi8nvge/ ├── 1. Build and deploy your first website/ │ ├── 1. Welcome to the HTML and CSS course/ │ │ ├── index.html.html │ │ └── styles.css │ ├── 10. Aside - Anchor Tags/ │ │ ├── index.html │ │ └── work.html │ ├── 11. Add an anchor tag to Google.com/ │ │ ├── blog.html │ │ ├── index.html │ │ └── styles.css │ ├── 12. Proper document structure/ │ │ ├── blog.html │ │ ├── index.html │ │ └── styles.css │ ├── 13. Aside - Lists/ │ │ └── index.html │ ├── 14. Build a Personal Website/ │ │ ├── index.html │ │ ├── index.js │ │ └── styles.css │ ├── 2. HTML tags/ │ │ └── index.html │ ├── 3. Write a news article/ │ │ └── index.html │ ├── 4. The img tag/ │ │ └── index.html │ ├── 5. Nesting/ │ │ └── index.html │ ├── 7. Interactive elements - button/ │ │ └── index.html │ ├── 8. Interactive elements - input tags - input types/ │ │ └── index.html │ └── 9. Lets build Google/ │ ├── index.html │ └── styles.css ├── 2. Build a Google.com clone/ │ ├── 1. Lets Learn CSS/ │ │ ├── index.html │ │ └── styles.css │ ├── 10. CSS classes/ │ │ ├── index.html │ │ └── styles.css │ ├── 11. Aside - Learn margins via flags/ │ │ ├── index.html │ │ └── styles.css │ ├── 12. Add space between our elements/ │ │ ├── index.html │ │ └── styles.css │ ├── 13. Aside - centering with margins/ │ │ ├── index.html │ │ └── styles.css │ ├── 14. Centering our content/ │ │ ├── index.html │ │ └── styles.css │ ├── 15. Aside - padding/ │ │ ├── index.html │ │ └── styles.css │ ├── 16. Aside - border and border-radius/ │ │ ├── index.html │ │ └── styles.css │ ├── 17. Aside challenge - style Twitter button/ │ │ ├── index.html │ │ └── styles.css │ ├── 18. Fix the input field/ │ │ ├── index.html │ │ └── styles.css │ ├── 19. Center the button/ │ │ ├── index.html │ │ └── styles.css │ ├── 2. Write your first lines of CSS/ │ │ ├── index.html │ │ └── styles.css │ ├── 20. Style the button/ │ │ ├── index.html │ │ └── styles.css │ ├── 21. Why we cant have two block-level buttons/ │ │ ├── index.html │ │ └── styles.css │ ├── 22. Aside - flexbox/ │ │ ├── index.html │ │ └── styles.css │ ├── 23. Centering both buttons with flexbox/ │ │ ├── index.html │ │ └── styles.css │ ├── 3. Write your first lines of CSS - Solution/ │ │ ├── index.html │ │ └── styles.css │ ├── 5. Link to the CSS file/ │ │ ├── index.html │ │ └── styles.css │ ├── 6. Set the width of the elements/ │ │ ├── index.html │ │ └── styles.css │ ├── 7. Inline vs block elements/ │ │ ├── index.html │ │ └── styles.css │ ├── 8. Margin top/ │ │ ├── index.html │ │ └── styles.css │ └── 9. Divs rule the world/ │ ├── index.html │ └── styles.css ├── 3. Build a digital Business Card/ │ ├── 1. Building your digital Business Card/ │ │ ├── index.html │ │ └── styles.css │ ├── 10. Center the card/ │ │ ├── index.html │ │ └── styles.css │ ├── 11. Aside - inheritance/ │ │ ├── index.html │ │ └── styles.css │ ├── 12. Center the text via inheritance/ │ │ ├── index.html │ │ └── styles.css │ ├── 13. Add colors/ │ │ ├── index.html │ │ └── styles.css │ ├── 14. Web-safe fonts/ │ │ ├── index.html │ │ └── styles.css │ ├── 15. Aside - Margin padding shorthand/ │ │ ├── index.html │ │ └── styles.css │ ├── 16. Use the margin and padding shorthands/ │ │ ├── index.html │ │ └── styles.css │ ├── 17. Make it your own/ │ │ ├── index.html │ │ └── styles.css │ ├── 2. Fix the image path/ │ │ ├── index.html │ │ └── styles.css │ ├── 3. Add alt attribute/ │ │ ├── index.html │ │ └── styles.css │ ├── 4. Make image smaller/ │ │ ├── index.html │ │ └── styles.css │ ├── 5. Add a border and padding/ │ │ ├── index.html │ │ └── styles.css │ ├── 6. Aside - flexbox child containers/ │ │ └── index.html │ ├── 7. Flex item containers/ │ │ ├── index.html │ │ └── styles.css │ ├── 8. Add a utility class/ │ │ ├── index.html │ │ └── styles.css │ └── 9. Justify the items/ │ ├── index.html │ └── styles.css ├── 4. Build a Space Exploration Site/ │ ├── 1. Lets go to space/ │ │ ├── index.html │ │ └── styles.css │ ├── 11. Add the terms and conditions section/ │ │ ├── index.html │ │ └── styles.css │ ├── 12. Aside - text shadow/ │ │ ├── index.css │ │ └── index.html │ ├── 13. Improving the readability with text shadows/ │ │ ├── index.html │ │ └── styles.css │ ├── 2. Add a background image from unsplash/ │ │ ├── index.html │ │ └── styles.css │ ├── 3. Center elements and style button/ │ │ ├── index.html │ │ └── styles.css │ ├── 4. Add a Google Font/ │ │ ├── index.html │ │ └── styles.css │ ├── 5. font-face/ │ │ ├── index.css │ │ ├── index.html │ │ └── index.js │ ├── 6. Aside - spans/ │ │ ├── index.html │ │ └── styles.css │ ├── 7. Add an underline using a span/ │ │ ├── index.html │ │ └── styles.css │ ├── 8. Use an ID for the logo/ │ │ ├── index.html │ │ └── styles.css │ └── 9. Replace the jpg with a webp/ │ ├── index.html │ └── styles.css ├── 5. Build a Birthday GIFt Site/ │ ├── 1. Let's build a birthday GIFt site/ │ │ ├── index.html │ │ └── styles.css │ ├── 10. Create the first gift/ │ │ ├── index.html │ │ └── styles.css │ ├── 11. Replacing the img with a div/ │ │ ├── index.html │ │ └── styles.css │ ├── 12. Aside - make elements change on hover/ │ │ ├── index.html │ │ └── styles.css │ ├── 13. Add the hover effect/ │ │ ├── index.html │ │ └── styles.css │ ├── 14. Create the next GIFt/ │ │ ├── index.html │ │ └── styles.css │ ├── 15. Create two more GIFts/ │ │ ├── index.html │ │ └── styles.css │ ├── 16. Create the final GIFt/ │ │ ├── index.html │ │ └── styles.css │ ├── 17. Add the footer/ │ │ ├── index.html │ │ └── styles.css │ ├── 18. Add a background gradient/ │ │ ├── index.html │ │ └── styles.css │ ├── 19. Personalize the Birthday GIFt Site/ │ │ ├── index.html │ │ └── styles.css │ ├── 2. Add basic header styling/ │ │ ├── index.html │ │ └── styles.css │ ├── 3. Set the colors/ │ │ ├── index.html │ │ └── styles.css │ ├── 4. Add shadow on text/ │ │ ├── index.html │ │ └── styles.css │ ├── 5. We have a problem that flexbox can fix/ │ │ ├── index.html │ │ └── styles.css │ ├── 6. Aside - align-items/ │ │ ├── index.css │ │ └── index.html │ ├── 7. Aside - flex-direction/ │ │ ├── index.css │ │ └── index.html │ ├── 8. Turn the header into a flexbox/ │ │ ├── index.html │ │ └── styles.css │ └── 9. Fix date and age design/ │ ├── index.html │ └── styles.css ├── 6. Solo Project Hometown Homepage/ │ └── 2. Solo Project - Hometown Homepage/ │ ├── index.html │ └── styles.css └── README.md