What's causing the different sizing of my left panel on two different pages?
Home: https://blacklodgeresearch.github.io/website/
About: https://blacklodgeresearch.github.io/website/about/
Same template HTML. Same CSS. Different content on the right. The "about" page having more content pushes the left panel over, and that's not what I want.
I would like it to be the right single size across the site, and I'm prepared to learn that I'm supposed to be using something other than grid.
Advice appreciated.
Black Lodge Research
Black Lodge Research is a hackspace in Redmond, WA
About
Black Lodge Research is a hackspace in Redmond, WA
3 Replies
Hi! I guess that's happening because you haven't set a width for the columns so they shrink on the about page because there's more content. I've managed to make the left panel to keep the same width on both pages by adding the following line of code on the .pagecontainer; modify it as needed since those values are just an example:
grid-template-columns: 280px repeat(4, 1fr);
Let us know if that's enough or if you want to look for another way.
Thank you! Both for explaining it, and for testing a fix.
That seems to work on the desktop. I'm going to try resizing .
Yep. Thank works. Thank you. I'll commit that and publish.
Great! I'm so happy to have been helpful.