How to set different horizontal margins for footer and body?

I think there are two aspects here:

How to get the desired footer width:

  • bluss sets the width manually based on your numbers
  • ssotoen uses context and page.width
  • Andrew uses context andpage.margin

The first is a bit simpler, until you change the margins. Then having the context will save you some extra work.

How to size the footer:

  • ssotoen just overflows the footer: the block is explicitly wider than the footer. For that to work, the block is centered (so it overflows equally on both sides), and then inside the block, content is left-aligned again.
  • bluss and Andrew both use padding to fit more into the footer space. IMO this is the cleaner solution, since it works without overflowing.

In total I’d probably go with Andrew’s solution. It’s basically the same as bluss’s, but it is more “automatic” by using context :slight_smile:

1 Like