Hey there,
This CSS will make the menu float left, but this won’t solve your problem…
.main-navigation ul {
justify-content: flex-start;
}
Everything moves to a second line because of the padding between menu items:
.main-navigation ul li {
margin-left: 0.9em;
text-decoration: underline;
}
This is the lowest you can go to get everything, on one line, but as the screensize gets lower, it will inevitably be on two lines.
I hope this helps.