col

f5devcentral · Apr 29, 2024 · fef8ce7 · fef8ce7
1 parent f1e97a4
commit fef8ce7
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 24 deletions.
diff --git a/labapp/app/markdown/lb.md b/labapp/app/markdown/lb.md
@@ -88,28 +88,28 @@ Since this is the first exercise, here are some hints (if you need them).
   <button class="btn btn-primary" type="button" data-bs-toggle="collapse" data-bs-target="#multiCollapseExample3" aria-expanded="false" aria-controls="multiCollapseExample3">Origin Server Hint</button>
 </p>
 <div class="row">
-  <div class="col">
-    <div class="collapse multi-collapse" id="multiCollapseExample1" data-bs-parent="#hints">
-      <div class="">
-        <img src="/static/load-balancer1.png" alt="temp">
-        <img src="/static/load-balancer2.png" alt="temp">
-      </div>
+
+  <div class="collapse multi-collapse" id="multiCollapseExample1" data-bs-parent="#hints">
+    <div class="">
+      <img src="/static/load-balancer1.png" width="800px" height="auto" alt="temp">
+      <img src="/static/load-balancer2.png" width="800px" height="auto" alt="temp">
     </div>
   </div>
-  <div class="col">
-    <div class="collapse multi-collapse" id="multiCollapseExample2" data-bs-parent="#hints">
-      <div class="">
-        <img src="/static/origin-pool.png" alt="temp">
-      </div>
+
+
+  <div class="collapse multi-collapse" id="multiCollapseExample2" data-bs-parent="#hints">
+    <div class="">
+      <img src="/static/origin-pool.png" width="800px" height="auto" alt="temp">
     </div>
   </div>
-  <div class="col">
-    <div class="collapse multi-collapse" id="multiCollapseExample3" data-bs-parent="#hints">
-      <div class="">
-        <img src="/static/origin-server.png" alt="temp">
-      </div>
+
+
+  <div class="collapse multi-collapse" id="multiCollapseExample3" data-bs-parent="#hints">
+    <div class="">
+      <img src="/static/origin-server.png" width="800px" height="auto" alt="temp">
     </div>
   </div>
+
 </div>
 </div>
 

diff --git a/labapp/app/static/custom.css b/labapp/app/static/custom.css
@@ -7,14 +7,6 @@ html {
   height: -webkit-fill-available;
 }
 
-.multi-collapse img {
-  display: block; /* Make images block level for better control */
-  margin-left: 0; /* Aligns images to the left */
-  width: 100%; /* Optional: makes image responsive to the column width */
-  max-width: 1000px;
-  height: auto; /* Maintains aspect ratio */
-}
-
 main {
   display: flex;
   flex-direction: column;