mostrar detalles

app/pages/compras.php

@@ -9,15 +9,27 @@ $imagenes = [
 ];
 ?>
 
-<article class="container-fluid d-flex flex-column justify-content-center">
-    <header class="container-fluid">
-        <h2><?php echo $_GET["articulo"] ?></h2>
+<article class="container d-flex flex-column justify-content-center">
+    <header class="text-center">
+        <h2 class="text-uppercase"><?php echo $_GET["articulo"] ?></h2>
     </header>
-    <div class="container-fluid">
-        <img class="img-fluid" src="<?php echo $imagenes[$_GET["articulo"]]; ?>" alt="<?php echo $_GET["articulo"]; ?>">
+    <div class="text-center">
+        <img class="img-thumbnail rounded" 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>
+    </div>
+    <div class="text-center">
+        <h4 class="mb-0">Precio</h4>
+        <p class="mt-0">$<?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>
 </article>
 
-<div style="width: 400px; height: 400px; background-color: <?php echo $_GET["color"] ?>;"></div>
 
 <?php include_once "../inc/footer.php"; ?>