All comments

• 

  Snigdha Sukun•90

  @snigdha-sukunSubmitted 9 days ago

  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

  

  Recipe page

  1

  40
  

  Mohammad hamedi•0

  @mohammad-hamediPosted 9 days ago

  It's not suitable for phones. Try to make it responsive for phones.

  1