Flex navigation 1

Today is 08-12-2021
.top-row { /*flex container*/
display:flex;
flex-direction:row;
justify-content:space-between;
align-content: flex-center; /*vertical alignment*/
border:solid 1px red;

}
.top-row > div {
flex:1;
border:solid 1px #444;
padding:0.5em;
}

.top-row > div:nth-child(1){
flex:1;
background:yellow;
}
.top-row > div:nth-child(2){
flex:1;
}

nav ul {
display:flex; /* horisontal visning af liste */
flex:1 auto;
justify-content:flex-end; /* højre justeres */
}

nav ul li {
list-style-type:none;
text-align:center; /* centerer link teksten*/
}

nav ul li a {
font-size:1.2em;
text-decoration: none;
margin-right:1em;
padding:0.3em 0.6em;
border-top: solid 1px #ccc;
border-bottom: solid 1px #999;
transition: background 0.4s ease-in-out;
transition: all 0.3s ease-in-out;

}