172.69.65.37: Created page with "Alright I created this little code pen https://codepen.io/Razzi-Abuissa/pen/oNVOqyL 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 el..."

2024-02-20T18:08:40Z

Created page with "Alright I created this little code pen https://codepen.io/Razzi-Abuissa/pen/oNVOqyL 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.<pre> html, body { height: 100%; } .main { height: 100%; display: flex; flex-direction: column; justify-content: space-between; } </pre>Also you need a spacer el..."

New page

Alright I created this little code pen https://codepen.io/Razzi-Abuissa/pen/oNVOqyL

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.<pre>
html, body {
height: 100%;
}

.main {
height: 100%;
display: flex;
flex-direction: column;
justify-content: space-between;
}
</pre>Also you need a spacer element:<pre>
<body>
<div class="main">
<div class="space"></div>
<h1>👋 Hello World!</h1>
</div>
</body>
</pre>

Blog: 2024-02-20 - Revision history