I've been immersing myself in learning HTML, CSS, and jQuery for the past ten days. Building my first website has been a fun challenge, allowing me to experiment with different elements.
One of my recent experiments involved creating an animation for my navigation bar. I decided to change the color and increase the font size by 2px. However, this adjustment caused the rest of the navigation bar to shift downwards slightly. How can I address this issue?
If you'd like to take a look, here's a link to my project on jsFiddle.
The code snippet for the animation is as follows:
$(document).ready(function () {
$('a').hover(function () {
$(this).stop().animate({
"color": "#FFA541",
"font-size": "25px"
}, 275);
}, function () {
$(this).stop().animate({
"color": "white",
"font-size": "23px"
}, 275);
});
});