Recipe Page built with mobile-first approach

Community feedback

• 

  P

  Gabe•300

  @gabeiPosted about 1 month ago

  Hello!

  If I can add to what LittleSamm said:

  Check out this article about semantic HTML. In short, it is helpful to have certain elements on the page labeled a certain way (<main>, <h1>, <h2> (in order), etc. This is especially helpful for screen readers, but also helps you to style and organize your code in logical order.

  Something I wanted to add was to check up on the width of the recipe container. Currently it is centered using some margins, but I think you'll find that this starts to act a little odd when you view the page on a smaller device. Here's a classic article about centering divs.

  Nice work and happy coding!

  Marked as helpful

  1

  ---

  

  Sara Moura•10

  @SaraMouraDevPosted about 1 month ago

  @gabei Thank you for your help. I'll definitely check out those articles and learn more.

  1
• 

  P

  littlesamm96•50

  @littlesamm96Posted about 1 month ago

  Code does not include semantic HTML and overall layout is larger than the size in the design.

  0

  ---

  

  Sara Moura•10

  @SaraMouraDevPosted about 1 month ago

  @littlesamm96 Thank you for your comment.

  0