diff --git a/index.html b/index.html
index aa15b22..7f8fc1e 100644
--- a/index.html
+++ b/index.html
@@ -35,6 +35,13 @@
 				grid-template-rows: var(--header-size) minmax(calc(100vh - var(--header-size) - var(--footer-size)), max-content) var(--footer-size);
 				grid-template-columns: var(--tab-spacing) 1fr var(--tab-spacing);
 			}
+
+			img {
+				width: 100%;
+			}
+			h4 {
+				margin-bottom: 0.5rem;
+			}
 			h3,
 			p {
 				margin-bottom: 0.5rem;
@@ -44,6 +51,20 @@
 				list-style-type: none;
 				text-align: center;
 			}
+			table,
+			th,
+			td {
+				border-collapse: collapse;
+				border: 1px solid white;
+				padding: 2px 4px;
+			}
+
+			.list-flex {
+				display: flex;
+				gap: 2rem;
+				justify-content: space-around;
+				flex-wrap: wrap;
+			}
 
 			abbr {
 				cursor: help;
@@ -74,7 +95,6 @@
 			input[type="radio"]:checked + label {
 				border: 2px solid #aa18df;
 			}
-
 			.tab-content {
 				text-align: initial;
 				user-select: text;
@@ -89,14 +109,6 @@
 			#tab7:checked ~ #tab7-content {
 				display: block;
 			}
-
-			table,
-			th,
-			td {
-				border-collapse: collapse;
-				border: 1px solid white;
-				padding: 2px 4px;
-			}
 		</style>
 	</head>
 	<body>
@@ -220,7 +232,7 @@
 					<li><a href="https://www.youtube.com/watch?v=5Q0m1F0MKQQ" target="_blank">Video of All Mechanics</a></li>
 					<li style="margin-top: 0.5rem">
 						<h4>Trap Locations (Left is first Entrapment, Right is second and third Entrapments):</h4>
-						<img src="./img/drs-duel-traps.jpg" style="width: 100%" />
+						<img src="./img/drs-duel-traps.jpg" />
 						<p>Trap patterns pulled from <a href="https://docs.google.com/document/d/1Pej6Bt8OcScnZ24XjbLCmwKLO4FkroAwJwpndSOImW4/edit?tab=t.0" target="_blank">this guide</a>.</p>
 					</li>
 				</ul>
@@ -228,9 +240,9 @@
 			<div id="tab3-content" class="tab-content">
 				<h3>Buff Battery AKA Excellence Battery AKA get a bunch more dps</h3>
 				<p>Info adapted from messages in the <a href="https://discord.gg/YKP76AsMw8" target="_blank">Lego Steppers Discord</a>.</p>
-				<div style="display: flex; gap: 2rem; justify-content: space-around">
+				<div class="list-flex">
 					<div>
-						<h4 style="margin-bottom: 0.5rem">Directions for taking advantage of a <abbr title='A player with "Font of Power" and "Lost Excellence" slotted in.&#13;&#10;People usually prefer "Font of Power" on the left side.'>"physical battery"</abbr>:</h4>
+						<h4>Directions for taking advantage of a <abbr title='A player with "Font of Power" and "Lost Excellence" slotted in.&#13;&#10;People usually prefer "Font of Power" on the left side.'>"physical battery"</abbr>:</h4>
 						<ol>
 							<li>Assign/find a player to be a <abbr title='A player with "Font of Power" and "Lost Excellence" slotted in.&#13;&#10;People usually prefer "Font of Power" on the left side.'>"physical battery"</abbr> for each boss.</li>
 							<li>Pack one "Mimic" and "Banner of Honored Sacrifice" for each boss fight you intend to use "Lost Excellence" on.</li>
@@ -242,7 +254,7 @@
 						</ol>
 					</div>
 					<div>
-						<h4 style="margin-bottom: 0.5rem">Directions for being a <abbr title='A player with "Font of Power" and "Lost Excellence" slotted in.&#13;&#10;People usually prefer "Font of Power" on the left side.'>"physical battery"</abbr>:</h4>
+						<h4>Directions for being a <abbr title='A player with "Font of Power" and "Lost Excellence" slotted in.&#13;&#10;People usually prefer "Font of Power" on the left side.'>"physical battery"</abbr>:</h4>
 						<ol>
 							<li>
 								Slot in "Font of Power" and "Lost Excellence" well before the boss pull.
@@ -263,14 +275,14 @@
 				<h3>Zone Maps</h3>
 				<p>Images from <a href="https://xivfo.com/bozja/General_Guides" target="_blank">https://xivfo.com/bozja/General_Guides</a>.</p>
 				<ul>
-					<li><img src="./img/bsf-map.png" style="width: 100%" /></li>
-					<li><img src="./img/zad-map.png" style="width: 100%" /></li>
+					<li><img src="./img/bsf-map.png" /></li>
+					<li><img src="./img/zad-map.png" /></li>
 				</ul>
 			</div>
 			<div id="tab5-content" class="tab-content">
 				<h3>Good Loadouts</h3>
 				<p>Images from <a href="https://xivfo.com/bozja/General_Guides" target="_blank">https://xivfo.com/bozja/General_Guides</a>.</p>
-				<div style="display: flex; flex-direction: row; align-items: center; justify-content: space-around; gap: 0.5%; flex-wrap: wrap">
+				<div class="list-flex" style="align-items: center; gap: 0.5%">
 					<img src="./img/loadouts-dal.png" style="width: 33%; min-width: 30rem" />
 					<img src="./img/loadouts-drn-beginner.png" style="width: 33%; min-width: 30rem" />
 					<img src="./img/loadouts-drn-bis.png" style="width: 33%; min-width: 30rem" />
@@ -285,7 +297,7 @@
 				</ul>
 			</div>
 			<div id="tab7-content" class="tab-content">
-				<div style="display: flex; gap: 2rem; justify-content: space-around; flex-wrap: wrap">
+				<div class="list-flex">
 					<div>
 						<h3 style="text-align: left">Lost Flare Star Cheese Text Guide</h3>
 						<ol>
@@ -306,7 +318,7 @@
 							<li>Profit.</li>
 						</ol>
 					</div>
-					<div style="display: flex; gap: 2rem; justify-content: space-around; flex-wrap: wrap; flex-direction: column">
+					<div class="list-flex" style="flex-direction: column">
 						<div>
 							<h3>BSF Duel Info</h3>
 							<ul>
