Hi there,
If you wish to have it set automatically, that’s not doable as because there’s no selector that indicates if a page is short.
But if you’re okay with setting things up manually per page then you can create a Hook element and add this on the code area.
<style>
body {
min-height: 100vh;
display: flex;
flex-direction: column;
}
.container.grid-container {
width: 100%;
}
.site-footer {
margin-top: auto;
}
</style>
You then set the display rule location to the pages you want this to be applied on.
Any particular reason why you wish it to be changed?