Responsive

This commit is contained in:
Your Name
2025-01-23 08:56:11 -06:00
parent 2cf5f88f65
commit e2b1319f95

View File

@@ -20,12 +20,14 @@
.detalle { .detalle {
padding: 2rem; padding: 2rem;
border-radius: 2rem;
} }
.profesor { .profesor {
display: flex; display: flex;
gap: 2rem; gap: 2rem;
align-items: center; align-items: center;
flex-direction: column;
} }
.profesor-icon { .profesor-icon {
@@ -82,6 +84,13 @@
grid-template-columns: repeat(2, 1fr); 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 { .pp-card {
display: flex; display: flex;
flex-direction: column; flex-direction: column;