Template:Cc-by-sa-layout/styles.css: Difference between revisions
Template page
More actions
Preparing the CSS for responsive design of license templates |
No edit summary |
||
| Line 14: | Line 14: | ||
margin: 4px; | margin: 4px; | ||
} | } | ||
@media screen and (max-width: 640px) { | .rlicense-text div { | ||
margin: 0.5em auto; | |||
} | |||
@media screen and (max-width: 640px) { /* For mobile devices */ | |||
.responsive-license-cc { | .responsive-license-cc { | ||
flex-flow: column; | flex-flow: column; | ||
Revision as of 15:02, 18 June 2022
.responsive-license-cc {
clear: both;
text-align: center;
width: 100%;
justify-content: space-around;
align-items: center;
margin: 0.5em auto;
background-color: #f9f9f9;
border: 2px solid #e0e0e0;
border-spacing: 8px;
display: flex;
}
.responsive-license-cc div {
margin: 4px;
}
.rlicense-text div {
margin: 0.5em auto;
}
@media screen and (max-width: 640px) { /* For mobile devices */
.responsive-license-cc {
flex-flow: column;
}
.rlicense-text {
order: 1;
}
}