Post ATcCG9qPnD4TNF72SO by pjbrunet@noagendasocial.com
(DIR) More posts by pjbrunet@noagendasocial.com
(DIR) Post #ATbZX3jjrEyD8r3ezY by pixelambacht@typo.social
2023-03-14T09:48:05Z
0 likes, 0 repeats
I'm probably missing something obvious and should RTFM, but how to set row heights on implicit CSS grid rows?So not:.container { grid-template-rows: 1fr auto;}But something like:.child1 { /* make this one 1fr */}.child2 { /* make this one auto */}My brain nor google-fu is of any use to me today. Halp!
(DIR) Post #ATbZX4QzGRZ5IzICP2 by pjbrunet@noagendasocial.com
2023-03-14T11:36:09Z
0 likes, 0 repeats
@pixelambacht FWIW tables & floats still work flawlessly :-) I bet I could copy any website just using tables, with less code. I have yet to see any serious pros/cons comparison between tables, floats, flexbox and cssgrid. It's possible tables could win 'best layout method overall' in a serious contest.
(DIR) Post #ATbm9O5RqMZ0i8FssC by pixelambacht@typo.social
2023-03-14T13:57:32Z
0 likes, 0 repeats
@pjbrunet I'd like to see that contest! But I won't be betting my money on floats or tables ;-)
(DIR) Post #ATcCG9qPnD4TNF72SO by pjbrunet@noagendasocial.com
2023-03-14T18:50:06Z
0 likes, 0 repeats
@pixelambacht Also tables have workes for 30 years, floats for 20 years, lots of testing and documentation there. Flexbox is easier for a beginner to learn, but doesn't entirely replace what floats can do. Does flexbox do anything tables can't do? Maybe some rare edge cases, but nothing groundbreaking, after all we're talking about columns, not a giant paradigm shift in thinking. CSSgrid won't even work with browsers coded before 2018, which is not that long ago.
(DIR) Post #ATcCK1q1VBMThWm7AO by pjbrunet@noagendasocial.com
2023-03-14T18:50:48Z
0 likes, 0 repeats
@pixelambacht Also tables have worked for 30 years, floats for 20 years, lots of testing and documentation there. Flexbox is easier for a beginner to learn, but doesn't entirely replace what floats can do. Does flexbox do anything tables can't do? Maybe some rare edge cases, but nothing groundbreaking, after all we're talking about columns, not a giant paradigm shift in thinking. CSSgrid won't even work with browsers coded before 2018, which is not that long ago.
(DIR) Post #ATdMgEtriLivOynlia by pixelambacht@typo.social
2023-03-15T08:21:34Z
0 likes, 0 repeats
@pjbrunet Hey, if you need to support 30 year old browsers, go tables! I've built sites in the tables era, then in the float era, and still today—so I see the immense advantages of flexbox and grid. No doubt you could build some layouts in tables too, even hack the page's HTML to be semantically okay-ish by jumping through weird aria/role hoops, if you're willing to sacrifice responsiveness... but that ain't my party!
(DIR) Post #ATe049OniOVlVFfFFQ by pjbrunet@noagendasocial.com
2023-03-15T15:42:54Z
0 likes, 0 repeats
@pixelambacht HTML 1.0 was very responsive, that was before everyone assumed 1024x768 was some kind of standard LOL. But I have not seriously used tables for design since 2003. For me, floats get the job done and I don't have much free time to play with alternatives, unless I'm getting paid to teach a class, then I can afford to deep dive into pros/cons of different techniques.
(DIR) Post #ATe3GzowwCVfQKiCYq by pixelambacht@typo.social
2023-03-15T16:18:48Z
0 likes, 0 repeats
@pjbrunet Indeed, but responsive because webpages were documents. Now they're documents or apps with complex layouts.There have been really good and concise videos and articles on the benefits of flexbox and grid (like this 5 minute intro: https://www.youtube.com/watch?v=hs3piaN4b5I), I hope you find the time to dive in. Flexbox and grid isn't a hype, they're made to address all the shortcomings of floats and tables, not to replace them!