single level Simple Navigation_1 _-_ HTML_and_Basic Formatting

 

Start
Essen
Seminare
Rezepte
News
Uber
Kontakt

.menu-section{
padding-bottom: 2em;
margin-bottom:2em;
}
.menu ul{
list-style-type: none;
padding: 0;
margin:0;
background: hsl(0,0%, 15%)
}
.menu li a{
display:block;
text-decoration:none;
color:white;
padding: .6em 1em;
}
.menu li a:hover,
.menu li a:focus{
background:hsl(0,0%, 25%)
}
@media screen and (min-width: 30em){
.single-nav ul{
display:flex; 
}
}

@media screen and (min-width: 30em){
.single-nav ul{
display:flex; 
justify-content: flex-end;
}
}

.single-nav li{
 flex: 1 0 auto;
 text-align: center;
}

 .single-nav ul{
display:flex; 
justify-content: space-between;
flex-wrap:wrap'
}