CSS issue when using Template.tsx
Unanswered
African Slender-snouted Crocodil… posted this in #help-forum
African Slender-snouted CrocodileOP
Hi guys I just moved some stuff like a containing div with height of screen for example, into my template.tsx, but for some reason when my pages load, the div within the container (that moved to template.tsx) which has a height of 100%, loses its height. can anyone help? i want the div within to take up the remaining height, essentially
I attached the image which shows the heirarchy of the elements, and their tailwind css classes
I attached the image which shows the heirarchy of the elements, and their tailwind css classes
2 Replies
if you want to cover entire screen, 100% won't be useful in the most cases, try using 100vh
Madeiran sardinella
Hi, check that in the first you are using min-h-screen and in the second you h-full what is height: 100%, so, it will have 100% of the height of its parent.