Responsive recipe page using vite and tailwind

Community feedback

• 

  Olaniyi Ezekiel•7,580

  @Ezekiel225Posted 9 months ago

  Hello there 👋 @Annmayn

  Good job on completing the challenge !

  Your project looks really good!

  I have a suggestion about your code that might interest you.

  There is an very useful browser extension called Perfect Pixel that allow you compare with the design image and thus see the exact dimensions. I recommend it to you.

  Consider changing the display of the body element to flex so as to centralize your project.

  body { 
    min-height: 100vh;
    align-items: center;
    display: flex;
    justify-content: center;
  }
  
  

  I hope this suggestion is useful for future projects.

  Other than that, great job!

  Happy coding.

  Marked as helpful

  1

  ---

  

  Neema Tsering•20

  @AnnmaynPosted 9 months ago

  @Ezekiel225 Thank you for the insights, I'll definitely download the extension, it sounds super useful :D

  0
• 

  Ibrahim AbdElwahab•390

  @iabdwahabPosted 9 months ago

  Hello, @Annmayn!

  There are two "font-family" in this challenge:

  1. "Outfit": for all elements.
  2. "Young Serif": for headings [dish name, ingredients, instrcutions, and nutrition].

  I hope this help you.

  1