Responsive

css/auditoria-ux.css

@@ -20,12 +20,14 @@
 
 .detalle {
     padding: 2rem;
+    border-radius: 2rem;
 }
 
 .profesor {
     display: flex;
     gap: 2rem;
     align-items: center;
+    flex-direction: column;
 }
 
 .profesor-icon {
@@ -82,6 +84,13 @@
     grid-template-columns: repeat(2, 1fr);
 }
 
+/* Media query for mobile devices */
+@media (max-width: 768px) { /* Adjust the max-width as needed for your target screen size */
+    .detalle > main {
+        grid-template-columns: 1fr; /* Single column */
+    }
+}
+
 .pp-card {
     display: flex;
     flex-direction: column;