More narrow paragraphs
This commit is contained in:
parent
619abc6c35
commit
d7d50f2603
@ -25,7 +25,7 @@ export class TableWithMarkdown extends Component<typeof component_arguments> {
|
||||
}: ComponentToHTMLArgs<typeof component_arguments>) {
|
||||
return (
|
||||
<div
|
||||
class={["table-with-markdown", ...classes]}
|
||||
class={["table-with-markdown", "bleed-out", ...classes]}
|
||||
style={`--jdd-index: ${index}`}
|
||||
>
|
||||
<table>
|
||||
|
||||
15
src/main.css
15
src/main.css
@ -103,13 +103,16 @@ h4 {
|
||||
display: grid !important;
|
||||
--min-content-width: 320px;
|
||||
--main-column-max-width: 1224px;
|
||||
grid-template-columns:
|
||||
[screen-left-edge] minmax(16px, 1fr) [content-left-edge left-column-start] minmax(
|
||||
grid-template-columns: [screen-left-edge] minmax(
|
||||
16px,
|
||||
1fr
|
||||
) [content-left-edge left-column-start] minmax(
|
||||
120px,
|
||||
600px
|
||||
)
|
||||
[left-column-end] 24px [right-column-start] minmax(120px, 600px)
|
||||
[content-right-edge right-column-end] minmax(16px, 1fr) [screen-right-edge];
|
||||
260px
|
||||
) [left-column-end] 24px [right-column-start] minmax(
|
||||
120px,
|
||||
260px
|
||||
) [content-right-edge right-column-end] minmax(16px, 1fr) [screen-right-edge];
|
||||
|
||||
@container (max-width: 550px) {
|
||||
grid-template-columns:
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user