I could use some help on setting up a nav bar on the landing page project. I am trying to make it look like this one from the example: https://codepen.io/freeCodeCamp/pen/RKRbwL . This is mine so far: https://codepen.io/danh4648/pen/WBxZgR . As you can see it looks really bad. I have tried many things in CSS, trying to style the nav element, the ul element, etc.
I am struggling with having the logo on the same line as the nav bar, also having the links towards the right but not off edge of screen and I would like to have some space between them. I keep changing things and I am not getting anywhere. Not sure if I should use flex, grid, align-text, space-around or what. Feel totally lost.