I've fixed this before... but I don't know HOW I've fixed it... This is my CSS: div.sheet-equipped-grid { display: grid; width: 827px; grid-gap: 5px; grid-template-columns: 275px 275px 275px; grid-template-rows: auto auto auto auto; grid-template-areas: "header header header" "armor armor armor" "melee melee melee" "weapons weapons weapons"; } div.sheet-equipped-weapons { grid-area: weapons; display: grid; grid-template-columns: 120px 60px 60px 52px 52px 52px 52px 52px 52px 62px 52px 75px; grid-auto-rows: 28px; grid-gap: 4px; color: #278bce; } This is the HTML: div class="sheet-equipped"> <div class="sheet-equipped-grid"> <div class="sheet-equipped-armor sheet-block">
</div> *** skip this code ** <div class="sheet-equipped-weapons"> <fieldset class="repeating_equippedweapons"> <div class="sheet-equipped-grid"> <div class="sheet-equipped-weapons"> <!-- WEAPON 1 HEADERS --> <button class="sheet-button-rollc" style="width: 95px;" type="roll" value="&{template:default} {{name=@{character_name} attacks with @{equippedweaponname}}} {{Attack Roll=[[1d20+@{equippedweaponattribute}+@{equippedweapontohit}]] }} {{Damage=[[(@{equippedweapondamage}+@{equippedweaponbonusdamage})*@{equippedweapondamagemultiplier}]]}} {{P+=@{equippedweaponpplus}}} {{RF Damage=[[((@{equippedweapondamage}+@{equippedweaponbonusdamage})*@{equippedweapondamagemultiplier})*@{equippedweaponrf}]]}} {{RoF=@{equippedweaponrof}}} {{Ammo=@{equippedweaponammo}}} {{Tech Level=@{equippedweapontechlevel}}} {{Notes=@{equippedweaponnotesdata} }}"><span class="sheet-blue-color sheet-center" style="color:#278bce; font-size: small;">Fire Weapon</span></button> <b class="sheet-blue-color sheet-center" title="This is damage determined from weapon's Tech Level on the Dice Progression Chart.">Damage</b> <b class="sheet-blue-color sheet-center" title="Damage Multiplier based on Tech Level and blueprint.">Multi.</b> <b class="sheet-blue-color sheet-center" title="Any Bonus Damage before multiplier">Damage+</b> <b class="sheet-blue-color sheet-center" title="Weapons Penetration Plus">P+</b> <b class="sheet-blue-color sheet-center" title="Weapon's possible Rate of Fire">RoF</b> <b class="sheet-blue-color sheet-center" title="Rapid Fire - fires all remained rounds. +10 To Hit, 50% damage">R.F.</b> <b class="sheet-blue-color sheet-center" title="Your Current Ammo (Your max ammo should be listed in notes)">Ammo</b> <b class="sheet-blue-color sheet-center" title="Your Weapon's Effective Range">Range</b> <b class="sheet-blue-color sheet-center" title="Your Weapons To Hit Bonus (TH+)">TH+</b> <!-- <b class="sheet-blue-color sheet-center" title="Other bonuses To Hit">Attk+</b> --> <b class="sheet-blue-color sheet-center" title="Your Weapon's TL (For quick reference)">TL</b> <b class="sheet-blue-color sheet-center" title="Relevant Attribute for use of the weapon">Attribute</b> <!-- WEAPON TOTALS --> <!-- <input class="sheet-inputfield52" value="Stat Array" type="text" style="width: 75px;" title="This row is what is rolled from." disabled> --> <input class="sheet-inputfield120 sheet-blue-color sheet-center" name="attr_equippedweaponname" value="Weapon Name" title="Weapons Name" type="text"> <input class="sheet-inputfield52 sheet-blue-color sheet-center" name="attr_equippedweapondamage" value="0" title="Damage Dice" type="text" style="width: 52px;"> <input class="sheet-inputfield52 sheet-blue-color sheet-center" name="attr_equippedweapondamagemultiplier" value="0" title="Multiplier" type="number"> <input class="sheet-inputfield52 sheet-blue-color sheet-center" name="attr_equippedweaponbonusdamage" value="0" title="Bonus Damage" type="number"> <input class="sheet-inputfield52 sheet-blue-color sheet-center" name="attr_equippedweaponpplus" value="0" title="Weapon's P+" type="number"> <input class="sheet-inputfield52 sheet-blue-color sheet-center" name="attr_equippedweaponrof" value="0" title="Weapon's Rate of Fire" type="text"> <input class="sheet-inputfield52 sheet-blue-color sheet-center" name="attr_equippedweaponrf" value="0" title="Rapid Fire fires all available ammo as a dice multiplier. If there are 8 shots left, then it is 1D8. If there are 20 shots left, then it is 1D20. The +TH is a bonus to this +1TH = 1D8+1, is the dice size." type="text"> <input class="sheet-inputfield52 sheet-blue-color sheet-center" name="attr_equippedweaponammo" value="0" title="Ammo/Charges" type="number"> <input class="sheet-inputfield52 sheet-blue-color sheet-center" name="attr_equippedweaponrange" value="0" title="Weapon's Effective Range" type="text"> <input class="sheet-inputfield52 sheet-blue-color sheet-center" name="attr_equippedweapontohit" value="0" title="Weapons inherent bonus to hit" type="text"> <!-- <input class="sheet-inputfield52 sheet-blue-color sheet-center" name="attr_ranged_attack_bonus" value="0" title="Additional Ranged Attack Bonus" type="number" > --> <input class="sheet-inputfield52 sheet-blue-color sheet-center" name="attr_equippedweapontechlevel" value="0" title="Tech Level for quick reference" value="1" type="text"> <select class="sheet-dropdown sheet-blue-color sheet-center sheet-blue-color" name="attr_equippedweaponattribute" title="Attack Roll Attribute."> <option class="sheet-dropdown sheet-blue-color" style="background-color:#000005;" value="@{strength}">Strength</option> <option class="sheet-dropdown sheet-blue-color" style="background-color:#000005;" value="@{dexterity}">Dexterity</option> <option class="sheet-dropdown sheet-blue-color" style="background-color:#000005;" value="@{constitution}">Constitution</option> <option class="sheet-dropdown sheet-blue-color" style="background-color:#000005;" value="@{intelligence}">Intelligence</option> <option class="sheet-dropdown sheet-blue-color" style="background-color:#000005;" value="@{wisdom}">Wisdom</option> <option class="sheet-dropdown sheet-blue-color" style="background-color:#000005;" value="@{charisma}">Charisma</option> <option class="sheet-dropdown sheet-blue-color" style="background-color:#000005;" value="@{attributedropdownnone}">None</option> </select> <b class="sheet-blue-color sheet-center">Notes:</b> <input class="sheet-inputfield" name="attr_equippedweaponnotesdata" title="Description of weapon, any notes, etc." type="text" style="column-span: 2; width: 665px; color:#278bce;"> </div> </div> </fieldset> </div> </div> </div> The add modify buttons are not in honor with the grid areas. As you can see they stick behind, and to the first grid area, and do not use all 3 areas.
