Recipe page using flex

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