ricardobalk / ricardobalk.nl

My personal website, made with Nuxt 3 (Vue 3), TypeScript & TailwindCSS
https://ricardobalk.nl
ISC License
0 stars 0 forks source link

Body height is not adjusting #91

Closed ricardobalk closed 1 year ago

ricardobalk commented 3 years ago

The website's body does not automatically increase when the content is smaller than the viewport. This looks ugly, especially on the dark theme.

Problem Where? (Template/Logic/Styles) Time needed to fix
Body not taking the full height of the page Styles 5 minutes (± 25%)

Screenshot and/or additional information (e.g. steps to reproduce)

image


Proposed change

Thanks to flexbox, this is an easy fix:

.theme-container
  min-height 100vh

.page
  flex-grow 1

Actions