Recipe Page Solution

Community feedback

• 

  Rebecca Padgett•1,860

  @bccpadgePosted 10 months ago

  Hello @Rylulu. Congratulations on completing this challenge!!!🎉

  I few tips you might be interested in to improve your solution.

  Add font-family: "Outfit", sans-serif; on <main> tag and it will look like the design in the starter files.

  Your h1 and h2 use the same font-family and you can implement DRY principle - Don't Repeat Yourself Example:

  h1, h2{
  font-family: "Young Serif", serif;
  }
  
  h1{
  font-size: 2.5rem;
  color: var(--boldcolor);
  }
  
  h2{
   color: var(--headcolor);
   font-size: 2rem;
  }
  

  CSS 🎨:

  • You can also add margin:0; and padding:0 along with the

  * {
   box-sizing: border-box;
  }
  

  Here is my solution to this challenge Recipe page

  I hope you find this useful and don't hesitate to reach out if you have any questions

  Marked as helpful

  0

  ---

  

  Rylulu•80

  @RyluluPosted 10 months ago

  @bccpadge Thank you for the tips, I'll take note of that.

  0