From 150f8aebb53763a13e8c2273f1d52e6e13446f1d Mon Sep 17 00:00:00 2001
From: Hyperling <me@hyperling.com>
Date: Wed, 29 Jan 2025 11:42:34 -0700
Subject: [PATCH] Adjust style of apps.

---
 pages/subpages/home/apps.php | 20 ++++++++++----------
 1 file changed, 10 insertions(+), 10 deletions(-)

diff --git a/pages/subpages/home/apps.php b/pages/subpages/home/apps.php
index d29281e..d782342 100755
--- a/pages/subpages/home/apps.php
+++ b/pages/subpages/home/apps.php
@@ -38,10 +38,10 @@
 		<div class="row center text">
 			<div class="col-2" class="spacer"></div>
 
-			<div class="col-4" id="tictactoe">
+			<div class="col-12" id="tictactoe">
 				<figure>
 					<a href="https://git.hyperling.com/me/android-tictactoe/releases">
-						<img loading="lazy" width="100%" height="100%" alt="tictactoe_image"
+						<img loading="lazy" width="25%" height="25%" alt="tictactoe_image"
 							src="/files/media/icons/tictactoe.png"
 						/>
 						<figcaption>
@@ -63,11 +63,11 @@
 			</div>
 
 		<div class="row center">
-			<div class="col-4" id="ctfu">
+			<div class="col-12" id="ctfu">
 				<figure>
 					<a href="https://git.hyperling.com/me/android-carb-up/releases"
 						target="_blank" rel="noopener noreferrer">
-						<img loading="lazy" width="100%" height="100%" alt="ctfu_image"
+						<img loading="lazy" width="25%" height="25%" alt="ctfu_image"
 							src="/files/media/icons/ctfu.png"
 						/>
 						<figcaption>
@@ -99,12 +99,12 @@
 
 		<div class="row center">
 		-->
-			<div class="col-4" id="timer">
+			<div class="col-12" id="timer">
 				<figure>
 					<a href="https://git.hyperling.com/me/android-infinite-timer/releases"
 						target="_blank" rel="noopener noreferrer"
 					>
-						<img loading="lazy" width="100%" height="100%" alt="infinitetimer_image"
+						<img loading="lazy" width="25%" height="25%" alt="infinitetimer_image"
 							src="/files/media/icons/infinitetimer.png"
 						/>
 						<figcaption>
@@ -130,11 +130,11 @@
 				</figure>
 			</div>
 
-			<div class="col-4" id="sleep">
+			<div class="col-12" id="sleep">
 				<figure>
 					<a href="https://git.hyperling.com/me/android-45-minute-rule/releases"
 						target="_blank" rel="noopener noreferrer">
-						<img loading="lazy" width="100%" height="100%" alt="45minuterule"
+						<img loading="lazy" width="25%" height="25%" alt="45minuterule"
 							src="/files/media/icons/t45mr.png"
 						/>
 						<figcaption>
@@ -160,12 +160,12 @@
 				</figure>
 			</div>
 
-			<div class="col-4" id="games">
+			<div class="col-12" id="games">
 				<figure>
 					<a href="https://git.hyperling.com/me/android-hypergames/releases"
 						target="_blank" rel="noopener noreferrer"
 					>
-						<img loading="lazy" width="100%" height="100%" alt="hypergames_image"
+						<img loading="lazy" width="25%" height="25%" alt="hypergames_image"
 							src="/files/media/icons/hypergames.png"
 						/>
 						<figcaption>