Spacing below headings is spent a little more economical.
h1, h2, h3, h4, h5, h6 {
margin-bottom: 1rem;
}
The titel of the web site needs some distance from the top of the page.
h1.sitename {
margin-top: 40px;
}
Links get my colors of choice.
a {
color: #59B34D;
text-decoration: none;
}
a:hover {
color: #737373;
}
For bread crumbs as well as forward/backward navigation I support small or large screens.
Next to Title
I maintain ShortTitle
on pages and articles. The latter
will be used when space gets scarce.
a.largetext { display: none; }
@media ( min-width : 750px) {
a.smalltext { display: none; }
a.largetext { display: inline-block; }
}