CODEWITHSUNDEEP
rquarto
Phil Smith
Phil Smith

Reputation: 454

How to make a quarto html document use the full screen width?

I am creating a quarto html document using R and publishing it to the web at rpubs.com. The document uses only the middle third of the window and leaves the left and right thirds blank. How can I tell quarto to use the full window? Here is a very simple reproducible example which, for some reason, does use the right third as well as the middle third, but still leaves the left third blank.

---
title: "Test"
format: html
editor: visual
---

## Quarto

| Col1 | Col2 | Col3 | Col4 | Col5 | Col6 | Col7 | Col8 | Col9 | Col10 | Col1 | Col2 | Col3 | Col4 | Col5 | Col6 | Col7 | Col8 | Col9 | Col10 | Col1 | Col2
|------|------|------|------|------|------|------|------|------|------|------|------|------|------|------|------|------|------|------|------|------|------
| bal  | bal  | bal  | bal  | bal  | bal  | bal  | bal  | bal  | bla  | bal  | bal  | bla  | bal  | bal  | bla  | bal | bal  | bla  | bla  | bla  | bla    
| blo  | blo  | blo  | blo  | blo  | blo  | blo  | blo  | blo  | blo  | blo  | blo  | blo  | blo  | blo  | blo  | blo | bal  | bla  | bla  | bla  | bla     
| bli  | bli  | bli  | bli  | bli  | bli  | bli  | bli  | bli  | bli  | bli  | bli  | bli  | bli  | bli  | bli  | bli | bal  | bla  | bla  | bla  | bla

Upvotes: 4

Views: 1467

Answers (1)

Quinten
Quinten

Reputation: 41275

Maybe you want to use page-layout: full in your YAML header like this:

---
title: "Test"
editor: visual
format: 
  html:
    page-layout: full
---

## Quarto

| Col1 | Col2 | Col3 | Col4 | Col5 | Col6 | Col7 | Col8 | Col9 | Col10 | Col1 | Col2 | Col3 | Col4 | Col5 | Col6 | Col7 | Col8 | Col9 | Col10 | Col1 | Col2
|------|------|------|------|------|------|------|------|------|------|------|------|------|------|------|------|------|------|------|------|------|------
| bal  | bal  | bal  | bal  | bal  | bal  | bal  | bal  | bal  | bla  | bal  | bal  | bla  | bal  | bal  | bla  | bal | bal  | bla  | bla  | bla  | bla    
| blo  | blo  | blo  | blo  | blo  | blo  | blo  | blo  | blo  | blo  | blo  | blo  | blo  | blo  | blo  | blo  | blo | bal  | bla  | bla  | bla  | bla     
| bli  | bli  | bli  | bli  | bli  | bli  | bli  | bli  | bli  | bli  | bli  | bli  | bli  | bli  | bli  | bli  | bli | bal  | bla  | bla  | bla  | bla

Here is some extra information about Page Layout in Quarto.

Upvotes: 2

Related Questions