Valdor the Shield
KPCKevin Powell - Community
•Created by Valdor the Shield on 1/14/2024 in #front-end
Sidebar is pushing down my content and creating whitespace
CSS, Bootstrap 5
You'll notice I have made it so when I collapse to mobile, the Features sidebar slips under the black highlights box (where it lists engine, suspension, etc. stats). If I made the sidebar collapse to the bottom, I don't think this would be an issue but I need to to appear under the highlights box on mobile. So when the sidebar grows too long vertically, you'll notice this large white space...The DIV on the left is growing to match its neighbor, the sidebar...
https://codepen.io/valdortheshield/pen/poYNMMw
Can anyone help? I'd like that large amount of whitespace to not be there in desktop. This goes away if my sidebar is not longer than the highlights box and the image above it (not in codepen) and the highlights box. Once the Features sidebar extends beyond, I get this whitespace. It's demonstrated in the codepen.
Thanks
7 replies