Hi, I cant seem to get my fieldset to display correctly. I can't for the life of me figure out why either. It displays like this: HTML <div class="main"> <!--- HEADER ---> <div class="header"> </div> <!--- TABS ---> <div class="tabs"> <input type="button" name="Character"> <input type="button" name="Monster"> <input type="button" name="Settings"> </div> <!--- CHARACTER INFORMATION ---> <div class="character-details"> <label>NAME</label> <input type="text" name="character-name"> <label>ANCESTRY</label> <input type="text" name="character-ancestry"> <label>CULTURE</label> <input type="text" name="character-culture"> <label>ARCHETYPE</label> <input type="text" name="character-archetype"> <label>REPUTATION</label> <input type="text" name="character-reputation"> <label>AGE</label> <input type="text" name="character-age"> <label>BUILD</label> <input type="text" name="character-build"> <label>HAIR</label> <input type="text" name="character-hair"> <label>HEIGHT</label> <input type="text" name="character-heigh"> <label>EYES</label> <input type="text" name="character-eyes"> </div> <!--- ATTRIBUTES ---> <div class="character-attributes"> <label>HEALTH</label> <label>RESOLVE</label> <label>ARMOR</label> <label>STRENGTH</label> <label>AGILITY</label> <label>WITS</label> <label>EMPATHY</label> <div><input type="number" name="character-health-max"> <input type="number" name="character-health-current"></div> <div><input type="number" name="character-resolve-max"> <input type="number" name="character-resolve-current"></div> <div><input type="number" name="character-armor-max"> <input type="number" name="character-armor-current"></div> <div><input type="number" name="character-strength-max"> <input type="number" name="character-strength-current"></div> <div><input type="number" name="character-agility-max"> <input type="number" name="character-agility-current"></div> <div><input type="number" name="character-wits-max"> <input type="number" name="character-wits-current"></div> <div><input type="number" name="character-empathy-max"> <input type="number" name="character-empathy-current"></div> </div> <!--- CRITS ---> <div class="crits"> <div><label class="crits-label">Type</label></div> <div><label class="crits-label">Injury</label></div> <div><label class="crits-label">Fatal</label></div> <div><label class="crits-label">Time</label></div> <div><label class="crits-label">Effects</label></div> <div><label class="crits-label">Heal</label></div> <fieldset class="repeating_crits"> <div><select class="crit-type-select"> <option value=""></option> <option value="Physical">Physical</option> <option value="Physical">Mental</option> </select></div> <div><input class="crit-injury-input" type="text" name="injury"></div> <div><select class="crit-fatal-select"> <option value=""></option> <option value="No">No</option> <option value="Yes">Yes</option> </select></div> <div><select class="crit-time-select"> <option value=""></option> <option value="round">Round</option> <option value="turn">Turn</option> <option value="shift">Shift</option> <option value="day">Day</option> </select></div> <div><input class="crit-effect-input" type="text" name="effects"></div> <div><input class="crit-heal-input" type="text" name="heal"></div> </fieldset> </div> CSS .sheet-main { display: grid; width: 100%; height: 900px; grid-gap: 4px; grid-template-columns: 1fr 1fr 1fr; grid-template-rows: 50px 30px 1fr 60px 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr; grid-template-areas:"header header header" "tabs tabs tabs" "char char char" "attri attri attri" "crit crit cond" "weapo weapo cond" "armor armor cond" "skill encum sess" "skill dark dark" "skill agen agen" "spell spell relat" "talen talen consum" "gear money person" "back back back"; } /*--- GENERAL CSS ---*/ input[type="text"] { width: 120px; font-size: 10pt; } input[type="number"] { width: 30px; font-size: 10pt; } label { font-weight: bold; font-size: 11pt; } /*--- HEADER CSS --- */ .sheet-header { grid-area: header; border: 2px solid; background-image: url(<a href="https://raw.githubusercontent.com/InquisitorTremayne/The-Mortal-Age-RPG/main/Header%20img.png?token=AOSFB6GBMHHN3DSZNKP6AYTAOWQZ6" rel="nofollow">https://raw.githubusercontent.com/InquisitorTremayne/The-Mortal-Age-RPG/main/Header%20img.png?token=AOSFB6GBMHHN3DSZNKP6AYTAOWQZ6</a>); background-size: cover; } /*--- TABS CSS --- */ .sheet-tabs { grid-area: tabs; display: inline-row; } /*--- CHARACTER DETAILS ---*/ .sheet-character-details { grid-area: char; display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr; grid-template-rows: 1fr 1fr 1fr 1fr; border: 2px solid; } /*--- CHARACTER ATTRIBUTES ---*/ .sheet-character-attributes { grid-area: attri; display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr; grid-template-rows: 25px 45px; border: 2px solid; } /*--- CRITS ---*/ .sheet-crits { grid-area: crit; display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr; grid-template-rows: auto; border: 2px solid; } .sheet-crits-label { font-size: 7pt; font-weight: normal; } .sheet-repeating_crits { display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr; } .sheet-crit-type-select { width: 80px; font-size: 10pt; } .sheet-crit-injury-input { width: 100px; font-size: 10pt; } .sheet-crit-fatal-select { width: 50px; font-size: 10pt; } .sheet-crit-time-select { width: 70px; font-size: 10pt; } .sheet-crit-effect-input { width: 100px; font-size: 10pt; } .sheet-crit-heal-input { width: 40px; font-size: 10pt; } Thanks!