I want the fixed header and fixed footer and content to not over lap and to scroll
11 Replies
Another example https://codepen.io/Lohitha-Yalavarthi/pen/XWGxyWp
Change your
.grid
grid-template-rows definition to grid-template-rows: auto 1fr auto;
and remove the header and footer selectors altogetherIt was like this after doing what was suggested https://codepen.io/Lohitha-Yalavarthi/pen/bGZQEEB
But this isnt what i want, The header to be fixed and content to scroll and footer to be fixed as well
ah, hmm.
so something like this then
https://codepen.io/MarkBoots/pen/rNRQxKQ
Yes this is what i need
Glad MrBoots understood lol
I was like ... that is the same oh wait main scrolls ok xD
I think this answers are better than what chatgpt suggest or any stack over flow answers sometimes.
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.
No, Yesterday you gave what was needed. its my requirement changed this mrning