bachir/popsu-d9
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

responsive display flex archives

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
web/themes/custom/popsu/assets/css/styles.min.css vendored
View File

File diff suppressed because one or more lines are too long

10
web/themes/custom/popsu/sass/pages/_archives.scss
View File

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