Blog: 2024-02-20

From razwiki
Jump to navigation Jump to search

Alright I created this little code pen

And I wanted to log it because to get the element to align to the bottom, I had to set the page height to 100%, otherwise it was aligned to the bottom but the whole page was a small height... have run into this before.

html, body {
  height: 100%;

.main {
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;

Also you need a spacer element:


 <div class="main">
   <div class="space"></div>
   <h1>👋 Hello World!</h1>