Why is my top grid area so tall? Why is my address not aligned right?
https://blacklodgeresearch.github.io/website/about/
I'm using
grid-template-areas to define an area for the name of the hackspace top left, and nav bar for the rest of the top row. It appears to have more vetical height than I as expecting, and I would prefer it to collapse down to the max-height of the hackspace's name (plus some padding that I understand).
My browser inspector tells me that the vertical height is large, not the padding or the margin.
Can someone point me to the documentaiton as to why that is, please?4 Replies
There's follow-up questions for this website, too. Why is the address in the footer not aligned right? Why do the home and about pages move the center dividing line?
The top area is tall because you have set it to be tall by using a fixed height. really would not recommend to use height, but if you do really have to use it at any time, better to go with min-height.
Anyway, if you remove the height here the top section wont be as tall anymore
but honestly i would probably rather go with flexbox for this layout ^^
It's just 1 "sidepanel" and a content section next to it. Easy enough to do with flexbox ^^
Oh, shoot. Thank you. I had forgotten that I had done that.
My skill of grabbing bits of other layouts is very bad, and I think flex box wasn't working for it, due to interactions I didn't understand. Throwing it away and starting with the grid seemed to work much better, but that might have been the throwing away and starting over.