6 Replies
The navbar only has one child. I see what you are trying to do with flex, but that has to be done to container and not navbar.
i got it thanks! but if i add flex to container Ωhis will not be true for the rest of the page .......I fixed it like this...is there a better way? .x{
display: flex;
justify-content:space-between;
}
The container only had two children before you made your edit. They were logo and list. That does not affect the rest of the page. You did not need to create another div to prevent affecting the rest of the page. I think part of the problem is your bad indents. It makes it difficult to see which closing div matches which opening one. Also, container is a child of navbar. It would not make sense to put the entire page contents as grandchildren of nav, so it would still not make sense how applying flex to a child of nav would affect the rest of the page.
For my experience I suggest you to add your a elements outside the li elements <a><li></li></a>
Semantically though Li's are the only tags that can direct children of ol or ul. What advantage do you find by using the anchor tag wrapping the li?
that ain't a valid syntax my guy π