Kids Roleplay -need empty sheet with 4 Free-Text-Boxes

Hi all, I have a pro account, but unfortunately I have no idea / skills in programming or whatever is needed to alter a Character Sheet. We play in German with 3 Kids age 7 and 8 and therefor use a home brewed very easy to play rule set.  It would be absolutely enough, if the character sheet has 4 blanc equal sized areas (Top to bottom or 4 equal sized quarters, whatever) where you can enter free text (without using the edit button)   Is there something already out there? Could someone help me with that?   Thank you in advance. Best Tanis 

Try this. Create a Custom Sheet, and copy this into the html tab: <div class="container">     <textarea name="attr_box1" value=""></textarea>     <textarea name="attr_box2" value=""></textarea>     <textarea name="attr_box3" value=""></textarea>     <textarea name="attr_box4" value=""></textarea> </div> Copy this into the CSS Tab: div.sheet-container {     height: 400px;     display: grid;     grid-template-columns: 48% 48%;     grid-template-rows: 200px 200px;     column-gap: 4%;     } div.sheet-container textarea {     height: calc(100% - 20px); } If you want any labels above the boxes, let me know.

Wow, this is great (and worked)!!!  After a look on it, If possible, it would be preferable to have the four boxes beneath each other (Fitting on one page) Box 1: Label: Attribute Box 2:Label: Fähigkeiten Box 3: Ausrüstung Box 4: Notizen

Sure, try this: HTML <div class="container">     <h3>Attribute</h3>     <textarea name="attr_attribute" value=""></textarea>     <h3>Fähigkeiten</h3>     <textarea name="attr_fahigkeiten" value=""></textarea>     <h3>Ausrüstung</h3>     <textarea name="attr_ausrustung" value=""></textarea>     <h3>Notizen</h3>     <textarea name="attr_notizen" value=""></textarea> </div> CSS:  div.sheet-container {     display: grid;     grid-template-columns: 100%;     grid-template-rows: 30px 200px 30px 200px 30px 200px 30px 200px; } div.sheet-container textarea {     height: calc(100% - 20px); } div.sheet-container h1, div.sheet-container h2, div.sheet-container h3, div.sheet-container h4, div.sheet-container h5 {     margin-bottom: 0; } If you want to change the size of any of the boxes, look at this line near the top of the CSS: grid-template-rows :  30px   200px   30px   200px   30px   200px   30px   200px ; Each of the 200px there is setting the height of one of the 4 boxes (in order). So if you wanted to change the height of the first and only the first box, to 50 px (50 pixels), you'd change that to grid-template-rows: 30px 50px 30px 200px 30px 200px 30px 200px; They need to be at least 30px or so to look right (40-ish is safer), but you can fiddle around to find the height for each you want. Dont change the 30px ones-  those are setting the height for the headings.

Thank you, the kids will love it!