PBN
PBN
PostsComments
KPCKevin Powell - Community
Created by PBN on 2/27/2025 in #front-end
Need help to understand behavior of overflows within a specific layout
Oh that's much cleaner than before, I haven't explored grid much but does defining the template col/row as auto makes them try to fit the content?
25 replies
KPCKevin Powell - Community
Created by PBN on 2/27/2025 in #front-end
Need help to understand behavior of overflows within a specific layout
That's perfect, @Chris Bolson ! Thank you! And I just searched for container-type keyword and found https://www.youtube.com/watch?v=DHj7JhH8 as well, sweet!
25 replies
KPCKevin Powell - Community
Created by PBN on 2/27/2025 in #front-end
Need help to understand behavior of overflows within a specific layout
okay, I'll try play around with that! Thanks a lot for the helps!
25 replies
KPCKevin Powell - Community
Created by PBN on 2/27/2025 in #front-end
Need help to understand behavior of overflows within a specific layout
I see, so the goal I had in mind and why I don't really want to hardcode the value is because in cases where I already had several elements nested in the same direction, I wanted to avoid calculating all the existing elements' total width for instance, and define the new element to fill the space up to the root container's width. I haven't tried to use grid yet like @Chris Bolson mentioned, as the elements width could varies in min/max sizes, but would the "100% of the available height" works in a nested grid?
25 replies
KPCKevin Powell - Community
Created by PBN on 2/27/2025 in #front-end
Need help to understand behavior of overflows within a specific layout
@ἔρως i don't know where you got that 100vw - 90px
ahh sorry I wasn't being clear enough, what I meant was that I imagined as .content-wrapper is set to flex with direction on column, height was set as auto with its parent set to 100vh , as .content-header was already occupying the top 90px, I assumed .content height's set to 100% would be 100vh - 90px is that not how it works? If so how could I achieve it without hardcoding the value?
25 replies