[Question] Character Sheet falls apart when the size of the window changes

I'm fairly new to this thing, trying to work my way through, and this is my current stumbling block. The character sheet automatically adjusts based on the size of the page, but for my basic sheet (so far), that makes the columns all fall apart. Currently, all I'm using is the 3 and 2 column classes, labels with inputs, and a little css styling. As an example:  <h1>Fire Emblem Character Sheet</h1> <div class="sheet-2colrow"> <div class="sheet-col"> <label>Name:</label><input type="text" name="attr_character_name" /> <label>Level:</label><input type="number" name="attr_lvl" /> </div> <div class="sheet-col"> <label>Race:</label><input type="text" name="attr_race" /> <label>Gender:</label><input type="text" name="attr_gender" /> </div> </div>

So, two things The basic sheet-col, sheet-2colrow design offered by the roll20 classes is terrible and based on ancient CSS practices. It shouldn't be used by anyone. More usefully, you can set a minimum width for your character sheet: .charsheet { min-width: 800px; }

Jakob said: The basic sheet-col, sheet-2colrow design offered by the roll20 classes is terrible and based on ancient CSS practices. It shouldn't be used by anyone. Why isn't this mentioned on the wiki?! This is the first time I heard this being mentioned...

That's neat. I guess I'll have to look up the modern practice for doing column work in css then. I tried looking at a pre-existing sheet but I got lost super quick.

Andreas J. said: Jakob said: The basic sheet-col, sheet-2colrow design offered by the roll20 classes is terrible and based on ancient CSS practices. It shouldn't be used by anyone. Why isn't this mentioned on the wiki?! This is the first time I heard this being mentioned... I don't know, the Wiki is just kind of outdated? CSS grid is definitely preferable to some hacky inline-box stuff in 2018, especially when you don't need to write IE-compatible code.

Yep, all hail CSS Grid :) It is a wonderful thing.

I'm still working on getting our sheet to look right in Netscape Navigator. :-P I keep meaning to try something with CSS grid.  The PF Community sheet it just so big and complex.  By striping the current css out, none of the nav and/or options on the sheet will is goling to work and then I assume all of that functionality would have to be re-written for the css grid model.  I wouldn't even know where to start.