Silvia Biurrun558 Points
at 3:30 mark in video, Guil changed list items to disply:block. Why didn't this cause them to go back to vertical?
Hi, at 3:30 mark in video, Guil changed list items to disply:block. Why didn't this cause them to go back to vertical?
Matthew Carson5,963 Points
It looks like he changed the anchor tags within the nav to display:block;
A block level element stretches out to fill all of its available space, which the <a> tag does. It stretches out to fill in the <li> tag.
But those anchor tags themselves are contained within <li> elements that are inline-block, which keeps them in a line
So you're seeing inline <li>s that have block level <a> inside them.
If you were to remove the inline-block display property of the <li> tags they would go vertical like you were expecting.
I thought I could answer your question but after watching the video...I have no idea. I can't wait to find out why myself now