I am trying to center the contents of my website using quarto. My
_quarto.yml looks like this, which I think is pretty basic, no css. I am seeing all my content left aligned (that is, a huge white margin on the right instead of nicely centered content as I see in quarto's own site and many other blogs). I am wondering if I'm missing something or if I added something that made it wrong. This is my site https://matiasandina.netlify.app/ just to show what I'm referring to. All content goes to the left, huge extra margin at the right (example post Matias Andina - Queen’s Gambit)
format: html: page-layout: article # doesn't seem to do much theme: light: cosmo dark: cosmo code-copy: true code-overflow: wrap toc: true
I also tried using
grid by reusing what quarto has on its own website, but this only changes the sizes of the side panels, body, and margin. Not whether all content is centered on screen.
I also tried using the same
theme.scss from quarto's site quarto-dev/quarto-web/blob/main/theme.scss, but that didn't seem to work on the local render either.