(Difference between pages)
hw>Mlink-rodrigue No edit summary |
Demo writer (talk | contribs) m (1 revision imported) |
||
| Line 1: | Line 1: | ||
. | /* styles for banner template */ | ||
. | |||
. | .bannerbox {display:flex; background:#f1f3f9; } | ||
.bannerbox .floatleft {margin:0;} | |||
.banner-image { flex-grow:0; flex-basis:auto;} | |||
.banner-content {flex-grow:1; flex-shrink:1; flex-basis:60%} | |||
.bannerbox .banner-title .bannerhd {font-size:1.6em; font-weight:bold} | |||
.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:34, 8 September 2022
/* styles for banner template */
.bannerbox {display:flex; background:#f1f3f9; }
.bannerbox .floatleft {margin:0;}
.banner-image { flex-grow:0; flex-basis:auto;}
.banner-content {flex-grow:1; flex-shrink:1; flex-basis:60%}
.bannerbox .banner-title .bannerhd {font-size:1.6em; font-weight:bold}
.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%}
}
Discussions