ajustes de visualizacion

app/pages/compras.php

@@ -9,25 +9,27 @@ $imagenes = [
 ];
 ?>
 
-<article class="container d-flex flex-column justify-content-center">
+<article class="container d-flex flex-column justify-content-center mb-5">
     <header class="text-center">
         <h2 class="text-uppercase"><?php echo $_GET["articulo"] ?></h2>
     </header>
     <div class="text-center">
-        <img class="img-thumbnail rounded" src="<?php echo $imagenes[$_GET["articulo"]]; ?>"
+        <img class="img-thumbnail rounded" width="300" height="300" src="<?php echo $imagenes[$_GET["articulo"]]; ?>"
             alt="<?php echo $_GET["articulo"]; ?>">
     </div>
     <div class="text-center">
         <h4 class="mb-0">Cantidad</h4>
-        <p class="mt-0"><?php echo $_GET["cantidad"]; ?></p>
+        <p class="mt-0 fs-3"><?php echo $_GET["cantidad"]; ?></p>
     </div>
     <div class="text-center">
         <h4 class="mb-0">Precio</h4>
-        <p class="mt-0">$<?php echo $_GET["precio"]; ?>.00</p>
+        <p class="mt-0 fs-3">$<?php echo $_GET["precio"]; ?>.00</p>
     </div>
     <div class="text-center">
         <h4 class="mb-0">Color</h4>
-        <div style="width: 300px; height: 100px; background-color: <?php echo $_GET["color"] ?>;"></div>
+        <div class="container-fluid d-flex flex-column justify-content-center">
+            <div style="width: 300px; height: 100px; background-color: <?php echo $_GET["color"] ?>;"></div>
+        </div>
     </div>
 </article>