I've fixed the header hover effect, albeit with some necessary changes in spacing.
The increase in font size on hover was creating an issue by increasing the size of 'a' and 'li' element inside the navbar. Therefore, I took the increased values for width and height and initialized the sizes of these elements. To compensate for increased gap partially, I decreased the margin-right between the 'li' elements.
If there is any change which you would like to know more about, I'd be happy to answer :)
I've fixed the header hover effect, albeit with some necessary changes in spacing. The increase in font size on hover was creating an issue by increasing the size of 'a' and 'li' element inside the navbar. Therefore, I took the increased values for width and height and initialized the sizes of these elements. To compensate for increased gap partially, I decreased the margin-right between the 'li' elements.
If there is any change which you would like to know more about, I'd be happy to answer :)