vielle.dev
+12
-3
src/pages/index.astro
+12
-3
src/pages/index.astro
···
19
20
<style>
21
:global(body) {
22
-
display: flex;
23
-
flex-direction: column;
24
width: 100%;
25
}
26
27
main {
···
29
grid-template:
30
". landing feeds blog ." min-content
31
". playing feeds blog ." 1fr
32
-
/ auto minmax(30ch, 50ch) minmax(30ch, 50ch) minmax(30ch, 50ch) auto;
33
max-width: 100%;
34
flex: 2;
35
···
19
20
<style>
21
:global(body) {
22
+
display: grid;
23
+
grid-template: "header" auto "main" 1fr / 1fr;
24
width: 100%;
25
+
26
+
> :global(header) {
27
+
grid-area: header;
28
+
margin: 0 !important;
29
+
}
30
+
31
+
> main {
32
+
grid-area: main;
33
+
}
34
}
35
36
main {
···
38
grid-template:
39
". landing feeds blog ." min-content
40
". playing feeds blog ." 1fr
41
+
/ auto minmax(25ch, 50ch) minmax(25ch, 50ch) minmax(25ch, 50ch) auto;
42
max-width: 100%;
43
flex: 2;
44