mirror of
				https://github.com/zadam/trilium.git
				synced 2025-10-31 10:26:08 +01:00 
			
		
		
		
	chore(website): improve main layout on mobile
This commit is contained in:
		| @@ -48,7 +48,7 @@ a { | |||||||
|  |  | ||||||
| .content-wrapper { | .content-wrapper { | ||||||
|     max-width: 1200px; |     max-width: 1200px; | ||||||
|     width: 100%; |     width: 90%; | ||||||
|     margin: auto; |     margin: auto; | ||||||
| } | } | ||||||
|  |  | ||||||
| @@ -98,14 +98,24 @@ img { | |||||||
|     object-fit: cover; |     object-fit: cover; | ||||||
| } | } | ||||||
|  |  | ||||||
| .grid-3-cols { |  | ||||||
|     display: grid; | @media (max-width: 719px) { | ||||||
|     grid-template-columns: 1fr 1fr 1fr; |     .grid-3-cols > *, | ||||||
|     gap: 1em; |     .grid-2-cols > * { | ||||||
|  |         margin-bottom: 1em; | ||||||
|  |     } | ||||||
| } | } | ||||||
|  |  | ||||||
| .grid-2-cols { | @media (min-width: 720px) { | ||||||
|     display: grid; |     .grid-3-cols { | ||||||
|     grid-template-columns: 1fr 1fr; |         display: grid; | ||||||
|     gap: 1em; |         grid-template-columns: 1fr 1fr 1fr; | ||||||
|  |         gap: 1em; | ||||||
|  |     } | ||||||
|  |  | ||||||
|  |     .grid-2-cols { | ||||||
|  |         display: grid; | ||||||
|  |         grid-template-columns: 1fr 1fr; | ||||||
|  |         gap: 1em; | ||||||
|  |     } | ||||||
| } | } | ||||||
		Reference in New Issue
	
	Block a user