Why is the height of my body 0px?
I'm playing around with a personality type scoring interface. For some reason, the
<body> and #root (it's a Next.js app) have a calculated height of 0px.
https://bafybeigigh6p2fcpfqmck32vkpi3i3akknmh5sbabtvupbiknfzqrkw4ha.ipfs.w3s.link/
Anyone have any suggestions?4 Replies
you've got
container-type: size; on the #root element, which has the following information on MDN:
Size containment is applied to the element in both the inline and block directions. The size of the element can be computed in isolation, ignoring the child elements.
How would I make it so that I can use
cqw on the children and still maintain the height?that I do not know. When in doubt, add a wrapper?
I am very remiss to add elements because I'm trying to get my HTML as clean as possible.
Fortunately, I discovered that I can get the effect I want with
max-width: 60% instead of 60cqw.