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