Tři různé zobrazení seznamu receptů dle displeje
This commit is contained in:
parent
3878770f1d
commit
b6a03db174
@ -139,7 +139,6 @@ main {
|
|||||||
}
|
}
|
||||||
|
|
||||||
@media screen and (max-width: 950px){
|
@media screen and (max-width: 950px){
|
||||||
|
|
||||||
main {
|
main {
|
||||||
margin:0;
|
margin:0;
|
||||||
|
|
||||||
@ -160,9 +159,15 @@ main {
|
|||||||
h2 { margin-top:0.85em; }
|
h2 { margin-top:0.85em; }
|
||||||
|
|
||||||
section.list {
|
section.list {
|
||||||
grid-template-columns: 1fr 1fr;
|
grid-template-columns: 1fr 1fr 1fr;
|
||||||
}
|
}
|
||||||
|
|
||||||
.filters input:first-child { grid-column: span 4; }
|
.filters input:first-child { grid-column: span 4; }
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@media screen and (max-width: 640px){
|
||||||
|
main section.list {
|
||||||
|
grid-template-columns: 1fr 1fr;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
Loading…
Reference in New Issue
Block a user