Würde das Kontaktbild gerne mittig ausrichten. Habe keine Idee mehr wie.
Mein Versuch war in der User CSS folgender Code:
/*Kontaktbild grid-area-alt=2/3/5/5*/
.com-contact__container .com-contact__thumbnail {
text-align: right;
grid-area: 2 / 3 / 5 / 3;
margin-bottom: 1em;
}
Ohne Erfolg!
In deiner user.css einfügen:
.com-contact__thumbnail.thumbnail {
margin: auto;
}Besser mit margin-inline, dann verändert man nicht den margin-bottom
.com-contact__thumbnail {
margin-inline: auto;
}Wenn du das Kontaktbild noch weiter links haben möchtest wäre alternativ oder zusätzlich z.B. wohl auch folgendes nützlich:
.com-contact__container {
grid-template-columns: repeat(5, 1fr);
}Wie stark sich der jeweilige Code auswirkt kommt nun mal darauf an mit welcher Viewportbreite(Bildschirmauflösung bzw. -breite) du dir deine Website anschaust!
Außerdem ist bei dir in der user.css der Kommentar nach mobile Geräte */ beendet und }*/ wirkt bei mir daher auf den darauf folgenden CSS-Code störend!
/* background slider
@media only screen and ( max-width: 440px ) {
/* mobile Geräte */
}
*/
/*Kontaktbild weiter links*/
.com-contact__thumbnail {
margin-inline: auto;
}
.com-contact__container {
grid-template-columns: repeat(5, 1fr);
}Komentare nicht verschachteln:
wiki.selfhtml.org/wiki/CSS/Tutorials/Einstieg/Syntax#Kommentare
Würde auch .com-contact__thumbnail.thumbnail anstatt .com-contact__thumbnail als Selektor verwenden.