uptes html

index.html

@@ -22,7 +22,7 @@ <h2>jilo-server</h2>
         <p>
             Monitoring server with a web interface. It's where you look at the stats and graphs. It's where you manage most of the Jilo settings.
             <br />Demo: <a href="https://work.lindeas.com/jilo-web-demo/">https://work.lindeas.com/jilo-web-demo/</a>
-            <img src="https://code.lindeas.com/lindeas/.profile/media/branch/main/screenshot-jilo.png" alt="jilo" />
+            <img class="screenshot" src="https://code.lindeas.com/lindeas/.profile/media/branch/main/screenshot-jilo.png" alt="jilo" />
         </p>
 
         <h2>jilo-agent</h2>
@@ -42,7 +42,7 @@ <h1>TotalMeet</h1>
         <a href="https://totalmeet.com">TotalMeet</a> is a hosted webconferencing solution, based on Jitsi Meet.
 
         <p>
-            <img src="https://code.lindeas.com/lindeas/.profile/media/branch/main/screenshot-totalmeet.png" alt="totalmeet" />
+            <img class="screenshot" src="https://code.lindeas.com/lindeas/.profile/media/branch/main/screenshot-totalmeet.png" alt="totalmeet" />
         </p>
 
         <p>It has a custom user profile and dashboard pages, and is aimed at helping communities and small to medium businesses get most out of Jitsi Meet.</p>

main.css

@@ -1,14 +1,23 @@
+html, body {
+    width: 100%;
+    height: 100%;
+    margin: 0;
+    padding: 0;
+}
 
 #main-container {
+    width: 100%;
 }
 
 #footer {
     margin-top: 20px;
     margin-bottom: 20px;
-    background-color: grey;
+    background-color: #777;
     text-align: center;
+    font-size: 0.85em;
+    line-height: 30px;
 }
 
-img {
+.screenshot img {
     margin: 20px;
 }