How to add spacing after an horizontal line in the footer?

Is there a reason why you need/want to use a grid? If not, it would be much simpler to use a regular horizontal line, and then a horizontal spacing h(1fr) to make the text left-aligned and the page counter right-aligned.

#set page(footer: context {
  line(length: 100%)
  "Lehigh County, Office of the Controller"
  h(1fr)
  counter(page).display("1/1", both: true)
})

This will automatically give you some vertical spacing between the line and the text below it. You could further adjust this by including a (negative) v() after the line.

And two general things:

  • Please use the Questions category for posts that are clearly questions. And the title should be something you would ask a friend, e.g. “How do I change the layout of text and page numbering in the footer?”
  • If you include (Typst) code in your post, please wrap it in ```typ ... ``` to get syntax highlighting. This makes it much easier to read your code.

For the official “how-to” on posting questions, please see the post below.