Simple Recipe Page HTML/CSS

What are you most proud of, and what would you do differently next time?

I tried to implement more semantic tags in this project, hopefully the code is slightly more readable.

What specific areas of your project would you like help with?

• Is there a more efficient way to center and adjust the contents of the table?

I used padding: 10px 70px; to adjust the amount of space between each line and each column and tried text-align: center; margin-left: auto; margin-right: auto; to align my table to the center, none of these did anything to alter the alignment. However I’m wondering if there’s a more simple way to achieve a centered and evenly spaced table? any help is appreciated!

• Regarding the horizontal rules between some of the sections, the hr element wasn’t showing anything so i added a margin: 10px; to the element and it seemed to fix the issue, why does this happen?