
Hello, I have been banging my head against the wall... as usual, of course. I have an inventory page. There are different Categories, each in their own div. I want each one to be a repeating field. Armors Weapons Inventory (misc stuff) (item, description, count, weight, size, tech level) Contacts (Name and "Data") When I try to do the repeating fields, the defined grids get ignored... Grid formatting goes haywire. I was wondering if someone could put in the repeating field sections (I'll put in the inputs, of course), so that it will honor the CSS grid layout. CSS /* START OF INVENTORY EDIT PAGE */ . charsheet . edit-inventory-grid-section { display : grid ; grid-gap : 5px ; grid-template-columns : 100% ; grid-template-rows : auto auto auto auto ; grid-template-areas : " edit-armor " " edit-weapons " " edit-inventory " " edit-contacts " } div . edit-armor-entries { grid-area : edit-armor ; display : grid ; grid-template-columns : 75px 45px 45px 75px 75px 45px 45px 45px 45px 45px 45px 45px 45px 45px ; grid-template-rows : auto ; grid-auto-rows : 28px ; grid-gap : 5px ; column-gap : 5px ; column-gap : 5px ; text-align : center ; } div . edit-weapon-entries { grid-area : edit-weapons ; display : grid ; grid-template-columns : 75px 45px 45px 75px 75px 45px 45px 45px 45px 45px 45px 45px 45px 45px ; grid-template-rows : auto ; grid-auto-rows : 28px ; grid-gap : 5px ; column-gap : 5px ; column-gap : 5px ; text-align : center ; } div . edit-contacts h5 { grid-column : 1 / -1 ; grid-row : 1 ; text-align : center ; } div . edit-inventory-entries { grid-area : edit-inventory ; display : display ; grid-template-columns : 125px 400px 52px 75px 75px 52px ; grid-template-rows : auto ; grid-auto-rows : 28px ; grid-gap : 5px ; column-gap : 5px ; column-gap : 5px ; text-align : center ; } div . edit-inventory-contact-entries { grid-area : edit-inventory ; grid-template-columns : 125px 400px ; grid-template-rows : auto ; grid-gap : 10px ; column-gap : normal ; text-align : center ; } /* END OF INVENTORY EDIT PAGE */ HTML for the page: <div class="sheet-inventory"> <div class="sheet-block sheet-inventory-grid-section"> <div> <!-- MONEY AT TOP --> <!-- NO REPEATING FIELDS HERE FOR MONEY --> <!-- Galactic Credits --> <input class="sheet-inputfield sheet-purple-color" type="hidden" name="attr_galactic_credits_header" value="Galactic Credits"> <span class="sheet-purple-color" name="attr_galactic_credits_header" value="attr_galactic_credits_header" style="padding-left:7em;"></span> <input class="sheet-inputfield sheet-purple-color" style="width:10em;" type="number" title="Galactic Credits" name="attr_galactic_credits" value="0"> <!-- Gold Credits --> <input class="sheet-inputfield sheet-gold-color" type="hidden" name="attr_gold_credits_header" value="Gold Credits"> <span class="sheet-gold-color" name="attr_gold_credits_header" value="attr_gold_credits_header"></span> <input class="sheet-inputfield sheet-gold-color" style="width:10em;" type="number" title="Gold Credits" name="attr_galactic_credits" value="0"> <!-- Iron Credits --> <input class="sheet-inputfield sheet-silver-color" type="hidden" name="attr_iron_credits_header" value="Iron Credits"> <span class="sheet-silver-color" name="attr_iron_credits_header" value="attr_iron_credits_header"></span> <input class="sheet-inputfield sheet-silver-color" style="width:10em;" type="number" title="Iron Credits" name="attr_iron_credits" value="0"> </div> <span class="sheet-center edit-inventory-grid-section sheet-gold-color" style="padding-top: 10px; text-align: center;">INVENTORY</span> <!-- REPEATING FIELDS FOR THE FOLLOWING MAJOR DICS --> <div class="sheet-block edit-armor-entries sheet-center sheet-blue-color"> <h4 class="sheet-center" style="grid-column: 1 / 15; color:#278bce; font-variant-caps: all-small-caps; font-size:large;"> Armor </h4> <span>Name</span> <span>T.L.</span> <span>Def</span> <span>HP</span> <span>Max HP</span> <span>Mult</span> <span>P+</span> <span>Shrug</span> <span>Regen</span> <span>CDS</span> <span>STR</span> <span>DEX</span> <span>CON</span> <span>Mov</span> <!-- DISPLAY ROW --> <input class="sheet-inputfield sheet-blue-color sheet-center" name=attr_armor_name" value="Armor Name" style="width: 75px;" title="A name for your armor."/> <input class="sheet-inputfield sheet-blue-color sheet-center" name="attr_armor_tech_level" value="3" style="width: 45px;" title="The sum of all property Tech Levels."/> <input class="sheet-inputfield sheet-blue-color sheet-center" name="attr_armor_def" value="floor((@{armor_tech_level}/@{armor_ranged_def_cost}) + @{dexterity} + @{armor_dexterity})" title="Armor's Defense Score bonus." style="width: 45px;" disabled/> <input class="sheet-inputfield sheet-blue-color sheet-center" name="attr_armor_health" value="N/A" title="Armor Current HP" style="width: 75px;" disabled/> <input class="sheet-inputfield sheet-blue-color sheet-center" name="attr_armor_health_max" value="floor(@{armor_strength}*@{armor_constitution})*@{armor_health_mult}" style="width: 75px;" title="Armor Max HP" disabled/> <input class="sheet-inputfield sheet-blue-color sheet-center" name=attr_armor_health_mult" value="floor(@{armor_tech_level}/@{armor_health_mult_cost}+1)" title="Armor Multiplier when rolling HP Dice." style="width: 45px;" disabled/> <input class="sheet-inputfield sheet-blue-color sheet-center" name=attr_armor_p_plus" value="floor(@{armor_tech_level}/@{armor_p_plus_cost})" title="Armor Penetration Plus" style="width: 45px;" disabled/> <input class="sheet-inputfield sheet-blue-color sheet-center" name=attr_armor_shrug" value="floor(@{armor_tech_level}/@{armor_shrug_cost})" title="Armor Damage Reduction" style="width: 45px;" disabled/> <input class="sheet-inputfield sheet-blue-color sheet-center" name=attr_armor_regen" value="floor(@{armor_tech_level}/@{armor_regen_cost})" title="Armor Regeneration per turn" style="width: 45px;" disabled/> <input class="sheet-inputfield sheet-blue-color sheet-center" name=attr_armor_cds" value="floor(@{armor_tech_level}/@{armor_cds_cost})" title="Armor Computer Defense Score" style="width: 45px;" disabled/> <input class="sheet-inputfield sheet-blue-color sheet-center" name=attr_armor_strength" value="floor(@{armor_tech_level}/@{armor_strength_cost})" title="Armor Strength" style="width: 45px;" disabled/> <input class="sheet-inputfield sheet-blue-color sheet-center" name=attr_armor_dexterity" value="floor(@{armor_tech_level}/@{armor_dexterity_cost})" title="Armor Dexterity" style="width: 45px;" disabled/> <input class="sheet-inputfield sheet-blue-color sheet-center" name=attr_armor_constitution" value="floor(@{armor_tech_level}/@{armor_constitution_cost})" title="Armor Constitution" style="width: 45px;" disabled/> <input class="sheet-inputfield sheet-blue-color sheet-center" name=attr_armor_movement" value="floor(3+(@{armor_tech_level}/@{armor_movement_cost}/5))" title="Armor Movement measured in squares, or 5 foot units." style="width: 45px;" disabled/> <!-- INPUT CALCULATIONS ROW --- HIDDEN --> <!-- COST PER BONUS ROW --> <span class="sheet-grey-color sheet-center" style="font-size: smaller;" title="Defaults in place">Cost::Bonus</span> <label disabled></label> <input class="sheet-inputfield sheet-silver-color sheet-center" type="number" name="attr_armor_ranged_def_cost" value="8" title="Armor Defense Score cost in tech levels"/> <input class="sheet-inputfield sheet-silver-color sheet-center" type="number" name="attr_armor_health_max_cost" value="2" title="Armor Current Health Max"/> <input class="sheet-inputfield sheet-silver-color sheet-center" type="number" name="attr_armor_health_mult_cost" value="16" title="Armor Penetration Plus cost in Tech Levels"/> <input class="sheet-inputfield sheet-silver-color sheet-center" type="number" name="attr_armor_health_max" value="2" title="Armor Multiplier when rolling HP Dice." /> <input class="sheet-inputfield sheet-silver-color sheet-center" type="number" name="attr_armor_p_plus_cost" value="4" title="Armor Penetration Plus cost in Tech Levels"/> <input class="sheet-inputfield sheet-silver-color sheet-center" type="number" name="attr_armor_shrug_cost" value="2" title="Armor Damage Reduction cost in Tech Levels"/> <input class="sheet-inputfield sheet-silver-color sheet-center" type="number" name="attr_armor_regen_cost" value="12" title="Armor Regeneration per turn cost in Tech Levels"/> <input class="sheet-inputfield sheet-silver-color sheet-center" type="number" name="attr_armor_cds_cost" value="2" title="Armor Computer Defense Score cost in Tech Levels"/> <input class="sheet-inputfield sheet-silver-color sheet-center" type="number" name="attr_armor_strength_cost" value="2" title="Armor Strength cost in Tech Levels"/> <input class="sheet-inputfield sheet-silver-color sheet-center" type="number" name="attr_armor_dexterity_cost" value="6" title="Armor Dexterity cost in Tech Levels"/> <input class="sheet-inputfield sheet-silver-color sheet-center" type="number" name="attr_armor_constitution_cost" value="4" title="Armor Constitution cost in Tech Levels"/> <input class="sheet-inputfield sheet-silver-color sheet-center" type="number" name="attr_armor_movement_cost" value="4" title="Armor Movement cost in Tech Levels"/> </div> <!-- AND FOR THE NEXT 3 DIVS TOO --> <div class="sheet-block edit-weapon-entries"> </div> <div class="sheet-block edit-inventory-entries"> </div> <div class="sheet-block edit-contact-entries"> </div> </div> </div> Thanks in advance!!!