Textpattern CMS

#1 2021-03-15 13:10:52

Gallex

Member

Registered: 2006-10-08

Posts: 1,289

CSS: Height issue

hi css gurus!

how to stretch the <section class="content-100"> (slideshow) height exactly to <footer id="footer"> in this page?

#2 2021-03-15 15:02:10

philwareham

Core designer

From: Haslemere, Surrey, UK

Registered: 2009-06-11

Posts: 3,564

Website GitHub Mastodon

Re: CSS: Height issue

On your #container tag (which you have already done by the looks of it):

display: flex;
flex-direction: column;
min-height: 100vh;

Then on .content-100:

flex: 1;

#3 2021-03-16 10:08:19

Gallex

Member

Registered: 2006-10-08

Posts: 1,289

Re: CSS: Height issue

philwareham wrote #329253:

Then on .content-100:

flex: 1;...

brilliant!