A recipe page using CSS Flexbox

Community feedback

• 

  P

  p-tam•170

  @p-tamPosted 10 months ago

  Nice work on the usage of semantic HTML tags and structuring your code.

  In regards to the DRY principle I would suggest to avoid using id as a selector for the CSS styling where possible. An example includes:

  #ingredients,
  #instructions,
  #nutrition {
    padding: 20px;
  }
  

  Instead, to create reusable styling you can do

  .section-padding {
      padding: 20px
  }
  

  This way you can apply that CSS class to all the sections that require this styling without creating a bunch of IDs.

  Marked as helpful

  1

  ---

  

  Elameen Daiyabu•160

  @elameendaiyabuPosted 9 months ago

  @p-tam Thank you for the feedback. I see the point you made and I will definitely improve on it.

  0