Flex Direction Issue

Hello! I am working on a project and I have trouble with the navbar. Can you please tell me why or how to make the flex-direction row in the navbar in desktop mode?

here is the pencode: UAE 50 (codepen.io)

  .nav-bar ul {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;