responsive display flex archives

This commit is contained in:
Ouidade Soussi Chiadmi 2025-04-17 12:06:00 +02:00
parent 1b90434884
commit ab75f92224
2 changed files with 9 additions and 3 deletions

File diff suppressed because one or more lines are too long

View File

@ -11,7 +11,10 @@
grid-template-columns: 10% repeat(3, minmax(0, 1fr)) 10%;
// grid-column-gap: 2rem;
// grid-row-gap: 1rem;
@media print, screen and (max-width: 39.9988em) {
display: flex;
flex-direction: column;
}
header{
grid-column: 1 / span 5;
text-align: center;
@ -48,7 +51,10 @@
width: 100%;
max-height: 100%;
grid-template-columns: repeat( 2, minmax(0, 1fr));
@media print, screen and (max-width: 39.9988em) {
width: 80%;
margin: auto;
}
.views-field{
grid-column: 1 / span 2;
color: white;