Ok, so I'm just trying to style this menu. I've set it up so that it's set to display: flex.
Here's my issue, I'll open up the inspector and set the class for main-menu to display flex, the main-menu ul to display: flex. It works in the inspector. But when I add it to my css file, it doesn't work.
Has anyone ever run into this before?
.main-menu { background-color: $primary; padding: 0.8rem; align-items: center;}.main-menu ul { display: flex;}When I add the code that worked in inspect
When I add display flex in the inspect tool
I've set display flex on the ul {}, on .main-menu ul {}, and on .main-menu {}. It should put the items side by side but it does not.