rmarkdown/distill width of article text in browser

Using rmarkdown::render with the distill::distill_article output, I would like to increase the width of the main text so that my code chunks etc are easier to read. When I view the html the article is quite narrow on the page. With the html_document output I was able to use the following css snippet to use the whole page width but this doesn't seem to work with distill_article.

body .main-container {
  max-width: 100%;
}

Is there an equivalent css tag that I can override? I have the following in my _site.yml which is recognised and included in the webpage but I cannot find the elements that I should modify.

output:
  distill::distill_article:
    css: overrides.css

Thank you

This topic was automatically closed 21 days after the last reply. New replies are no longer allowed.

If you have a query related to it or one of the replies, start a new topic and refer back with a link.