drop down menu
Hey, i'm trying to learn how to create a drop down menu for a nav link and i have a few questions
- i'm trying to center the drop down container in the middle of the
- i've seen a few people do it this way so i tried it out here, the arrow is absolutely positioned in relation to the container which has also has a value of
here's the codepen if it helps https://codepen.io/deerCabin/pen/abPoNoo, thanks in advance
- i'm trying to center the drop down container in the middle of the
about link but left: -50%; doesn't quite do it for me, is this because the container is absolutely positioned in relation to the nav link therefore only moving it to the left half of the nav link? If this is the case would a transform be better?- i've seen a few people do it this way so i tried it out here, the arrow is absolutely positioned in relation to the container which has also has a value of
position: absolute;, does an absolutely positioned element in relation to another absolutely positioned element set the first element absolute to the second? it seems to work here but i'm not sure if that's good practice or is valid?here's the codepen if it helps https://codepen.io/deerCabin/pen/abPoNoo, thanks in advance
