Tři různé zobrazení seznamu receptů dle displeje

This commit is contained in:
Emil Miler 2021-02-09 15:02:10 +01:00
parent 3878770f1d
commit b6a03db174

View File

@ -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;
}
}