I’d like the content area to be the same width as 66% grid column, and the sidebar to be the same width as a 33% grid column.
Using the CSS provided by Leo, you can see on the linked page the widths are different – content area @ 66% is narrower than a grid column, and the sidebar @ 33% is wider than a grid column. How can I correct this?
I’d like the content area to be exactly the same width as the 66% grid column below it. And the sidebar to be exactly the same width as the 33% grid column below that.
I’m not clear why the CSS provided by Leo doesn’t result in the correct widths since the percentage values are the same, so the 20px gap.
I can’t set the content padding to zero in this instance.