Recipe page using flex

Community feedback

• 

  shwerts•140

  @shwertsPosted 2 months ago

  Hello, good!

  Looks like there are some areas you should fix:

  • You can instead use a bit more CSS to add margins & change blank tables with <hr> tag.
  • Don't use anchor tags to markup bold text, use <b>, <span> or other inline-level tags, suitable for bolding text.
  • For nutrition names in table, use <th> to add headers for table content layout.
  • Give recipe's max-width property another relative unit like rem.
  • Look for increasing container's padding and you can remove image's margin.
  • Shift your stylesheet to external file

  I can recommend you to visit "MDN web docs" if you haven't done that, their guide series are great.

  I also recommend you using CSS Reset because every user agent's (browsers) stylesheet differs

  0