Excelent!
Tip
Try to avoid using !important.
Use the correct order or more specific CSS.
!important rules can only be overridden by other !important rules.
That can lead to issues down the line...
Like in your CSS:
The reason why you "needed" to add !important is, because you already added it on p,li,ul,td,table earlier.
Remove !important from p,li,ul,td,table, then you can also remove it from .container-header .mod-menu li.
Bonus tip
You can also remove justify-content: center; from .container-header .mod-menu li. It has no effect here. It only works on a flexbox or grid. (i.e. .container-header .mod-menu).
Tip
Try to avoid using !important.
Use the correct order or more specific CSS.
!important rules can only be overridden by other !important rules.
That can lead to issues down the line...
Like in your CSS:
The reason why you "needed" to add !important is, because you already added it on p,li,ul,td,table earlier.
Remove !important from p,li,ul,td,table, then you can also remove it from .container-header .mod-menu li.
Bonus tip
You can also remove justify-content: center; from .container-header .mod-menu li. It has no effect here. It only works on a flexbox or grid. (i.e. .container-header .mod-menu).
Statistics: Posted by Mr. Wimpy — Thu Jul 25, 2024 7:12 am