This exercise talks about making our CSS more flexible. What does this mean and how can we accomplish this?
Within this context, flexible style sheets are ones that are relatively easy to maintain and can be modified without unexpectedly breaking other parts of your code. Aside from avoiding the
important! keyword in most situations, another big step we can take towards keeping our style sheets flexible is to keep our selector specificity as low as possible. This helps developers to avoid tricky “specificity wars” down the line and allows them to more readily override styles when necessary.
Check out the articles below in this thread for some strategies you can use to keep your specificity low.