Vorlage:Unternehmen-Entwickler/style.css: Unterschied zwischen den Versionen
Zur Navigation springen
Zur Suche springen
RaWen (Diskussion | Beiträge) Keine Bearbeitungszusammenfassung |
RaWen (Diskussion | Beiträge) Keine Bearbeitungszusammenfassung |
||
Zeile 18: | Zeile 18: | ||
display: grid; | display: grid; | ||
grid-template-columns: repeat(12, 1fr); /* 12-Spalten-Grid für detaillierte Kontrolle */ | grid-template-columns: repeat(12, 1fr); /* 12-Spalten-Grid für detaillierte Kontrolle */ | ||
grid-template-rows: repeat(20, 0.1fr); /* | grid-template-rows: repeat(20, 0.1fr); /* 20-Zeilen-Grid für Logo und Bild (Container) */ | ||
width: 100%; /* Container nimmt volle Breite ein */} | width: 100%; /* Container nimmt volle Breite ein */} | ||
Zeile 27: | Zeile 27: | ||
.logo { | .logo { | ||
z-index: 2; | z-index: 2; | ||
grid-column: 1 / -1; /* Logo nimmt alle Spalten ein */ | grid-column: 1 / -1; /* Logo nimmt alle Spalten der Grid ein */ | ||
grid-row: 1 / 5; /* Logo erstreckt sich über 4 Zeilen */ | grid-row: 1 / 5; /* Logo erstreckt sich über 4 Zeilen der Grid */ | ||
display: flex; /* Flexibles Layout für den Inhalt */ | display: flex; /* Flexibles Layout für den Inhalt */ | ||
justify-content: center; /* Zentriert das Logo horizontal */ | justify-content: center; /* Zentriert das Logo horizontal */ | ||
Zeile 36: | Zeile 36: | ||
border-radius: 6px; /* Runde Ecken */ | border-radius: 6px; /* Runde Ecken */ | ||
box-shadow: 0px 4px 16px 0px rgba(0,0,0,0.25); /* Schatten */ | box-shadow: 0px 4px 16px 0px rgba(0,0,0,0.25); /* Schatten */ | ||
max-width: 85%; | |||
width: max-content; | width: max-content; | ||
height: max-content;} | height: max-content;} | ||
Zeile 41: | Zeile 42: | ||
.logo img { | .logo img { | ||
max-height: 100px; | max-height: 100px; | ||
max-width: | max-width: 100%; | ||
width: auto;} | width: auto;} | ||