Recipe page

What are you most proud of, and what would you do differently next time?

I am proud that I learned to create & use variables in css

:root{
    --white: hsl(0, 0%, 100%);
    --stone-100: hsl(30, 54%, 90%);
    --stone-150: hsl(30, 18%, 87%);
    --stone-600: hsl(30, 10%, 34%);
    --stone-900: hsl(24, 5%, 18%);
    --brown: hsl(14, 45%, 36%);
    --rose-800: hsl(332, 51%, 32%);
    --rose-50: hsl(330, 100%, 98%);
    --header-font: "Young Serif", serif;
    --body-font: "Outfit", sans-serif;
}

I am also proud that I used font url import

@import url('https://fonts.googleapis.com/css2?family=Outfit:[email protected]&family=Young+Serif&display=swap');

What challenges did you encounter, and how did you overcome them?

I faced some problem in getting the position of the nutrition section right, but I was able to fix it with a little trial & error.

      Calories277kcal
    

.nutrition {
    display: flex;
    padding: 0.5rem 0rem;
}

.item {
    width: 50%;
    padding-left: 2rem;
}

What specific areas of your project would you like help with?

CSS techniques