Kleine, nach und nach zu erweiternde Liste von nützlichen CSS Angaben:
.c-hero__title {
max-width: 36rem;
text-wrap: balance;
}
verhindert, dass einzelene Worte in einer eigenen Zeile stehen. Link
img {
height: 100%;
object-fit: cover;
object-position: center top;
}
ermöglicht es, Bilder, die neben Textblöcken stehen, in der Höhe anzugleichen.
.box {
display: grid;
place-items: center;
}
zentriert horizontal und vertikal.
.container {
background-color: aqua;
}
.container img {
mix-blend-mode: darken;
}
verschmelzt den Inhalt eines Elements mit seinem HIntergrund.
Linksammlung zu CSS: