styles.css

< Vorlage:Banner
Version vom 18. September 2020, 12:57 Uhr von Mlink-rodrigue (Diskussion | Beiträge) (Die Seite wurde neu angelegt: „styles for banner template: .bannerbox {display:flex; flex-wrap:wrap;} .bannerbox .floatleft {margin:0;} .banner-image {background:transparent; display:f…“)
(Unterschied) ← Nächstältere Version | Aktuelle Version (Unterschied) | Nächstjüngere Version → (Unterschied)
/* styles for banner template */

.bannerbox {display:flex; flex-wrap:wrap;}
.bannerbox .floatleft {margin:0;}
.banner-image {background:transparent; display:flex; justify-content:center;flex:0 0 200px}
.banner-content {flex:2 0 auto;}
.banner-image img {height: auto;}
.bannerbox h1 {font-size:1.6em; font-weight:bold;}
.bannerbox .banner-text {font-size:1.5em; font-weight:100;}

@media only screen
  and (max-width: 600px) {
.banner-image {background:#efefef; flex:0 0 100%; padding-right:0;}
.banner-content {flex: 1 1;  text-align:center}
}

Anhänge

Diskussionen