This repository hosts my CSS-enhanced "Recipes" project as I progress through The Odin Project; this assignment comes at the end of the "CSS Foundations" Module in the "Foundations" course.
For skills in this assignment, I wanted to use a lot of the different things taught to us in the lessons in this module:
-Using the different kind of selectors (universal, type, class, ID, grouping selectors)
-Using multiple kinds of CSS properties (color, typography, text-alignment, height/width, padding, border, margin)
-Understand + use the Box Model to apply CSS to how I wanted to style the project how I wanted it
-Understand and Manipulate Block/Inline elements and their unique behaviors properly
This assignment started out pretty slowly for me. Something like this is always a little overwhelming, but once you start getting the hang of it, you can start making great progress.
Another thing that this project taught me to do, that I was not aware of much in the initital HTML-only "Recipes" project, is just how important proper indentation, spacing, and dividers are in your code. Taking the time to add those divs and proper indenting was worth it for me to see how all my code was working together as well.
Like how I felt at the end of the HTML-only version, I am very proud of my progress so far in The Odin Project, and I am looking forward to continuing and learning more!
Resources and Attributions:
All images in this project were obtained from Pexels: https://www.pexels.com/license/
Recipes adapted from Allrecipes:
-
Coconut Shrimp: https://www.allrecipes.com/recipe/17753/coconut-shrimp-i/
-
Chicken Parmesan: https://www.allrecipes.com/recipe/246099/easy-chicken-parmesan/
-
Pastel de Tres Leches: https://www.allrecipes.com/recipe/221907/pastel-de-tres-leches-three-milk-cake/