div > pre > code not so good

[fulldecent]

I am using the following code for my code snippets:

div > pre > code

The result is that an extra-wide box appears, which is suboptimal.

[daveliepmann]

Is there a section wrapping that div? From the demo/usage document:

Organize your document with an article element inside your body tag. Inside that, use section tags around each logical grouping of text and headings.

It would be helpful to share a minimal example as text, so the issue can be easily reproduced.

[fulldecent]

Minimal example:

https://jsbin.com/varukulesi

[daveliepmann]

This appears to be a function of third-party code highlighting the pre rather than the code.

[daveliepmann]

@fulldecent Any further findings on this?

[fulldecent]

Yes, the highlighter was styling the div.

I did this workaround for Rogue.

.highlight {
  background: none
}

But that is out of scope for this project so I'll call this an incompatibility of Rogue with tufte.css's wide block approach.