Great tutorial, I like that you've also made a caution about the excessive nesting.
In my work I avoid styling elements by #id's. Usually I use them only as anchors.
Also a quick note about naming. For example you've used .sidebar-list-link.
I prefer to avoid this kind of "nesting" in naming as well and use only one level of nesting. So I would do .sidebar and .sidebar-list. And .list maybe with .for-sidebar modifier with .list-link. Basically I would follow a bit modified version of BEM methodology.
Great tutorial, I like that you've also made a caution about the excessive nesting.
In my work I avoid styling elements by
#id
's. Usually I use them only as anchors.Also a quick note about naming. For example you've used
.sidebar-list-link
.I prefer to avoid this kind of "nesting" in naming as well and use only one level of nesting. So I would do
.sidebar
and.sidebar-list
. And.list
maybe with.for-sidebar
modifier with.list-link
. Basically I would follow a bit modified version of BEM methodology.Thanks for the addition. 😊😊