Não consigo colocar o logo para o lado direito da tag header, alguém poderia por favor me ajudar/ensinar como fazer isso?
NavBar * {
box-sizing: border-box;
margin: 0;
padding: 0;
}
body {
font-family: 'Open Sans', sans-serif;
}
#container header {
background-color: #5dacfc;
}
#container {
width: 100%;
}
#container header nav {
display: flex;
}
#container header {
display: flex;
position: relative;
}
#container header nav #logo {
color: aliceblue;
font-size: 20px;
}
#container header nav #links {
list-style: none;
}
#container header #links li {
display: inline-block;
margin-left: 30px;
color: white;
padding: 18px;
}
</style>
Estou fazendo navbars todos os dias para melhorar no CSS, mas eu estou com dificuldade em colocar o logo para o lado direito da tag header, esperava que ao colocar conseguir colocar o logo a direita. Eu consigo mas para isso eu tenho que adicionar a propriedade css margin-left
no id #logo, creio que tem uma forma melhor de fazer isso. mas não consigo, alguém poderia por favor me ajudar/ensinar como fazer isso?