Tři různé zobrazení seznamu receptů dle displeje
This commit is contained in:
		@@ -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;
 | 
				
			||||||
 | 
						}
 | 
				
			||||||
 | 
					}
 | 
				
			||||||
 
 | 
				
			|||||||
		Reference in New Issue
	
	Block a user