GUI changes & first steps into responsive design #32
					 1 changed files with 7 additions and 0 deletions
				
			
		|  | @ -394,6 +394,12 @@ header a:hover { | |||
|     transition: background-color 0.3s; | ||||
| } | ||||
| 
 | ||||
| @media (max-width: 1400px) { | ||||
|     .grid{ | ||||
|         grid-template-columns: 1fr; | ||||
|     } | ||||
| } | ||||
| 
 | ||||
| /* Responsive Adjustments */ | ||||
| @media (max-width: 768px) { | ||||
|     .container { | ||||
|  | @ -414,6 +420,7 @@ header a:hover { | |||
|     .input { | ||||
|         grid-column: 1; | ||||
|         grid-row: 3; | ||||
|         margin-top: -4em; | ||||
|     } | ||||
| 
 | ||||
|     .input button { | ||||
|  |  | |||
		Reference in a new issue