Hi guys am on the landing page, trying to move the nav bar to the far end but its not working. Tried flex-end , float and position absolute still not working

Here is the css design , I don’t want to move on without solving this first

  • {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    #header {
    min-height: 75px;
    display: flex;
    background-color: #eee;
    align-items: center;

.Dl {
width: 100%;
max-width: 300px;
.logo {
width: 250px;
align-items: center
nav {
display: block;
nav > ul {
width: 35vw;
display: flex;
justify-content: space-around;


Solved this

added Justify-content: space-between; on the header id selector