Use 100dvh instead of 100vh (min-h-screen)

[mdmrk]

One advantage would be on mobile view where footer is not full visible. I don't think Tailwind supports it yet so I'll be using custom values meanwhile

astro-paper/src/styles/base.css

Lines 31 to 34 in cfcedd1

	body {
	@apply flex min-h-screen flex-col bg-skin-fill font-mono text-skin-base
	selection:bg-skin-accent selection:bg-opacity-70 selection:text-skin-inverted;
	}

 body { 
   @apply flex min-h-[100dvh] flex-col bg-skin-fill font-mono text-skin-base  
   selection:bg-skin-accent selection:bg-opacity-70 selection:text-skin-inverted; 
 } 

[satnaing]

Thanks for pointing this out.
How about SVH with min-height?
Just a side note, "Can I use" said these units are not supported in some browsers. (However, it covers 90% of global browser usage)

[mdmrk]

Haven't tried, but i may work the same as dvh

[satnaing]

Yep. I'll use svh for now since this might be the most optimal way for this case.
Thank you for pointing this out.