Use grid instead of flex in order to be more fixed and less flexible ;)

This commit is contained in:
Jean-Baptiste Bellet
2023-07-18 14:58:01 +02:00
parent 2814368670
commit 223d350b43

View File

@@ -94,8 +94,7 @@
}
}
#sort,
#filters {
#sort {
margin-bottom: 1em;
display: flex;
justify-content: space-between;
@@ -115,8 +114,12 @@
}
#filters {
gap: 20px;
align-items: flex-end;
display: grid;
grid-template-columns: repeat(6, 1fr);
grid-template-rows: 1fr;
grid-column-gap: 20px;
align-items: end;
margin-bottom: 20px;
.producers,
.categories {
@@ -127,16 +130,15 @@
}
.query {
flex-grow: 1;
grid-column: 1 / span 3;
}
.producers,
.categories {
flex-grow: 0;
}
.submit {
flex-grow: 0;
grid-column: 6 / span 1;
}
.query {