website/_scss/_navigation.scss

@media only screen and (min-width: 600px) {
nav {
	max-width: 20cm;
	margin: auto;
	padding-top: 10px;
	font-size: 20px;

	ul {
    	list-style: none;
    	margin: auto;
    	padding: 0;
	    display: grid;
		grid-auto-flow: column;

	    li {
			text-align: center;
	    	padding: 0;
		}
	}
}
}

@media only screen and (max-width: 600px) {
nav {
	font-size: 20px;
	list-style: none;
	
	ul {
		list-style: none;

		padding: 0px;
		margin: auto;
		display: grid;
		
			grid-template-columns: repeat(3, 1fr);
			gap: 10px;
			grid-auto-rows: minmax(50px, auto);
			align-content: center;

			li {
				padding: 0px;
				margin: auto;
			}
	}
}
}