Last edited 3 years ago
by Anna Lionetti

Template:Banner/styles.css: Difference between revisions

No edit summary
 
m (1 revision imported)
 

Latest revision as of 10:10, 8 March 2021

/* styles for banner template */

.bannerbox {display:flex; background:#efefef; }
.bannerbox .floatleft {margin:0;}
.banner-image { flex-grow:0;  flex-basis:auto;}
.banner-content {flex-grow:1; flex-shrink:1; flex-basis:60%}
.bannerbox h1 {font-size:1.6em; margin:10px 0;}
.bannerbox .banner-text {font-size:1.3em;}

@media only screen
  and (max-width: 600px) {
.bannerbox {flex-wrap:wrap;}
.banner-image {flex-basis:100%;}
.banner-image img{ width: 100%;}
.banner-content {flex-basis:100%}
}