+4

src/components/Base.astro

··· 28 padding: 0; 29 } 30 0 0 0 0 31 img, svg, iframe, audio, video { 32 max-width: 100%; 33 }

··· 28 padding: 0; 29 } 30 31 + html, body { 32 + min-height: 100svh; 33 + } 34 + 35 img, svg, iframe, audio, video { 36 max-width: 100%; 37 }

+1

src/components/home/Landing.astro

··· 54 <style> 55 section { 56 padding: 10px; 0 57 } 58 59 figure {

··· 54 <style> 55 section { 56 padding: 10px; 57 + height: fit-content; 58 } 59 60 figure {

+9 -3

src/pages/index.astro

··· 16 </main> 17 18 <style> 0 0 0 0 0 0 19 main { 20 display: grid; 21 grid-template: 22 - ". landing feeds blog ." 1fr 23 ". playing feeds blog ." 1fr 24 - / auto 30ch 30ch 30ch auto; 25 - min-height: 50vh; 26 max-width: 100%; 0 27 28 & :global(section) { 29 border: 1px solid red;

··· 16 </main> 17 18 <style> 19 + :global(body) { 20 + display: flex; 21 + flex-direction: column; 22 + width: 100%; 23 + } 24 + 25 main { 26 display: grid; 27 grid-template: 28 + ". landing feeds blog ." min-content 29 ". playing feeds blog ." 1fr 30 + / auto minmax(30ch, 50ch) minmax(30ch, 50ch) minmax(30ch, 50ch) auto; 0 31 max-width: 100%; 32 + flex: 2; 33 34 & :global(section) { 35 border: 1px solid red;