I want the fixed header and fixed footer and content to not over lap and to scroll

11 Replies
Jochem
Jochem9mo ago
Change your .grid grid-template-rows definition to grid-template-rows: auto 1fr auto; and remove the header and footer selectors altogether
angell1389
angell13899mo ago
It was like this after doing what was suggested https://codepen.io/Lohitha-Yalavarthi/pen/bGZQEEB
Angel
CodePen
bGZQEEB
...
angell1389
angell13899mo ago
But this isnt what i want, The header to be fixed and content to scroll and footer to be fixed as well
Jochem
Jochem9mo ago
ah, hmm.
MarkBoots
MarkBoots9mo ago
so something like this then https://codepen.io/MarkBoots/pen/rNRQxKQ
angell1389
angell13899mo ago
Yes this is what i need
b1mind
b1mind9mo ago
Glad MrBoots understood lol I was like ... that is the same oh wait main scrolls ok xD
angell1389
angell13899mo ago
I think this answers are better than what chatgpt suggest or any stack over flow answers sometimes.
b1mind
b1mind9mo ago
Yea I'd hope so... chatGPT sux at code let alone its really bad at CSS I didn't understand yesterday that you wanted only the content to scroll xD thats probably on me.
angell1389
angell13899mo ago
No, Yesterday you gave what was needed. its my requirement changed this mrning
Want results from more Discord servers?
Add your server