I have table with width: 100% and an element in that table with width: 40em; max-width: 100%, but the element is still stretching the table when th
width: 100%
width: 40em; max-width: 100%
if you put it on the element, the element gets stretched to max-width: 100%.
max-width: 100%
If you want fixed width, use width: 40px (instead of %, percentages are used in liquid layouts)
width: 40px