responsive display flex archives
This commit is contained in:
parent
1b90434884
commit
ab75f92224
File diff suppressed because one or more lines are too long
@ -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;
|
||||
|
Loading…
x
Reference in New Issue
Block a user