(Difference between pages)
No edit summary |
m (1 revision imported) |
||
Line 1: | Line 1: | ||
{ | /* 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%} | |||
#content .bannerbox h1 {font-size:1.6em;} | |||
.bannerbox .banner-text {font-size:1.3em;} | |||
.banner-content {padding:10px;} | |||
@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%} | |||
} | } |
Revision as of 09:52, 12 April 2022
/* 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%}
#content .bannerbox h1 {font-size:1.6em;}
.bannerbox .banner-text {font-size:1.3em;}
.banner-content {padding:10px;}
@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%}
}