homepage that i posted on twitter

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>

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 {