The width: inherit was overriding the actual width: 580px; (in the case of .ten.columns) from
skeleton.css, which messed up the layout on the product show page.
Without this, the computed width for div[data-hook="product_show"] was width: 910px;
More changes to make the product show page look decent
Have to give these auto width if we want them displayed inline next to each other on the same line.
Otherwise they will have a large width like width: 940px; and be on separate lines.