Responsive Web Design - Balance Sheet Net Worth not aligned in Safari

Can anyone tell my why the net worth table row doesn’t line up with the table rows above in Safari? (On macOS but probably the same in iOS/iPadOS.) Link: https://www.freecodecamp.org/learn/2022/responsive-web-design/learn-more-about-css-pseudo-selectors-by-building-a-balance-sheet/step-1

I reopened the page in Google Chrome and the rows lined up fine, so I guess it’s a Safari thing, but I’d like to know why. Is it something to do with table cell sizing? Is it ignoring the width/max-width/min-width css styling?

And how would you go about fixing something like this?

1 Like

Hi @byway06tire and welcome!

I am not sure, but check this article:
https://developer.apple.com/documentation/apple_news/apple_news_format/components/tables_in_an_article/adding_an_html_table

The note after HTML list of tags for tables it says something that it might be the answer you are looking for
Happy coding!