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