Welcome to the Treehouse Community
Looking to learn something new?
Flexbox Items affected by hover.
Hi folks, Hopefully someone can help. I have formed a flexbox for my Web pages Header and Navigation menu. I then set up a simple a:hover rule which changes the color and increases the size slightly. The side-effect of this is that the other flex-items move slightly when I hover over either one of them. I can stop this by adding a width to each of the items but then this has the knock-on effect of different spacing between the items. Argh! Any ideas?:) Cheers Dan
I've managed what seems like a bad fix. I altered the position of the elements that were not aligned by giving them a value of 'relative' and moving it accordingly. (A bit makeshift.) Must be a better way:( Cheers:)