barra de navegación sin pantalla: flex
nav {
display: inline-block;
text-decoration: none;
text-align: end;
width: 100%;
white-space: nowrap;
}
header {
background-color: rgb(120, 14, 100);
box-shadow: none;
border: 1px none rgb(0, 0, 0);
opacity: 0.9;
display: block;
position: relative;
padding: 20px;
}
header h1 {
position: absolute;
top: 50%;
left: 30px;
transform: translate(0%, -50%);
color: white;
}
ul {
list-style: none;
display: inline-block;
text-align: right;
/* background-color: blue; */
margin: auto;
color: white;
}
li {
display: inline-block;
padding: 20px;}
Open Ocelot