Better scaling
This commit is contained in:
		| @@ -8,7 +8,7 @@ | |||||||
| <nav> | <nav> | ||||||
| 	<ul> | 	<ul> | ||||||
| 		<li><a href="/"><img id="logo" src="/favicon.png" alt="PLS Logo" /></a></li> | 		<li><a href="/"><img id="logo" src="/favicon.png" alt="PLS Logo" /></a></li> | ||||||
| 		<li><strong>PLS 5618</strong></li> | 		<li id="title"><strong>PLS 5618</strong></li> | ||||||
| 	</ul> | 	</ul> | ||||||
| 	<ul> | 	<ul> | ||||||
| 		<li><a href="/">L'équipe</a></li> | 		<li><a href="/">L'équipe</a></li> | ||||||
| @@ -46,8 +46,13 @@ | |||||||
| 		height: 64px; | 		height: 64px; | ||||||
| 		object-fit: contain; | 		object-fit: contain; | ||||||
| 	} | 	} | ||||||
|  |  | ||||||
| 	nav { | 	nav { | ||||||
| 		padding-inline: 20px; | 		padding-inline: 20px; | ||||||
| 	} | 	} | ||||||
|  |  | ||||||
|  | 	@media (max-width: 445px) { | ||||||
|  | 		#title { | ||||||
|  | 			display: none; | ||||||
|  | 		} | ||||||
|  | 	} | ||||||
| </style> | </style> | ||||||
|   | |||||||
| @@ -60,4 +60,10 @@ | |||||||
| 		flex-flow: row; | 		flex-flow: row; | ||||||
| 		justify-content: space-evenly; | 		justify-content: space-evenly; | ||||||
| 	} | 	} | ||||||
|  |  | ||||||
|  | 	@media (max-width: 640px) { | ||||||
|  | 		img { | ||||||
|  | 			display: none; | ||||||
|  | 		} | ||||||
|  | 	} | ||||||
| </style> | </style> | ||||||
|   | |||||||
		Reference in New Issue
	
	Block a user