diff --git a/assets/products/capatica.png b/assets/products/capatica.png
new file mode 100644
index 0000000..1768a87
Binary files /dev/null and b/assets/products/capatica.png differ
diff --git a/assets/products/wukkOS.png b/assets/products/wukkOS.png
new file mode 100644
index 0000000..b2d0055
Binary files /dev/null and b/assets/products/wukkOS.png differ
diff --git a/assets/products/yiffOS support.png b/assets/products/yiffOS support.png
new file mode 100644
index 0000000..bef149f
Binary files /dev/null and b/assets/products/yiffOS support.png differ
diff --git a/index.html b/index.html
index bb0f74a..eba5950 100644
--- a/index.html
+++ b/index.html
@@ -9,9 +9,26 @@
     <div class="container-item">
         <img src="/assets/logo.png" alt="realmicrosoft logo"/>
         <h1>welcome to Real Microsoft, LLC!</h1>
-        <span id="big-space">
-		    <h2><a href="/yiffos/index.html">yiffOS</a></h2>
-	    </span>
+        <div class="container">
+            <div class="container-item product">
+                <a href="yiffos/index.html">
+                    <img src="/assets/products/yiffOS%20support.png" alt="yiffOS support logo"/>
+                    <h2>yiffOS support</h2>
+                </a>
+            </div>
+            <div class="container-item product">
+                <a href="yiffos/index.html">
+                    <img src="/assets/products/wukkOS.png" alt="yiffOS support logo"/>
+                    <h2>wukkOS</h2>
+                </a>
+            </div>
+            <div class="container-item product">
+                <a href="yiffos/index.html">
+                    <img src="/assets/products/capatica.png" alt="yiffOS support logo"/>
+                    <h2>capatica</h2>
+                </a>
+            </div>
+        </div>
         <p id="footer"><b>REAL MICROSOFT LLC IS NOT AFFILIATED WITH THE MICROSOFT CORPORATION.<br>
             WE DO NOT WORK WITH AND/OR ASSOCIATE WITH ANY MICROSOFT CORPORATION PRODUCTS OR SERVICES, INCLUDING BUT NOT LIMITED TO:<br>
             WINDOWS, AZURE, OFFICE, etc.<br></b>
diff --git a/microsoft.css b/microsoft.css
index 5829b6e..0688da6 100644
--- a/microsoft.css
+++ b/microsoft.css
@@ -34,12 +34,12 @@ code {
 }
 
 .container-item {
-	flex: 1 1 40%;
+	flex: 1 1;
 	padding: 10px;
 }
 
-.lock-y {
-
+.product img {
+	height: 20vh;
 }
 
 .boxed {
@@ -93,6 +93,7 @@ code {
 	width: 100%;
 	float: left;
 	clear: left;
+	font-size: 2vh;
 }
 
 .yiffos-table {