From Meta, a Wikimedia project coordination wiki
.res-img img {
max-width:100%;
height:auto;
}
.container {
background: #fff;
border-bottom: solid #c8ccd1;
box-shadow: 0 1px 1px rgba( 0, 0, 0, 0.15 );
padding: 1.5em;
}
.dotted-example-blue {
padding:0.5em;
margin:0.5em 0 0.5em 0;
border:3px #0063BF dotted;
display: inline-block
}
.dotted-container-blue {
padding:2em; border:3px #0063BF dotted
}
.dotted-container-red {
padding:2em; border:3px #900 dotted
}
.dotted-container-green {
padding:2em; border:3px #396 dotted
}
@media (min-width: 1000px) {
.main-wrapper {
display: flex;
flex-direction: row;
align-items: center;
margin-left: 0;
justify-content: center;
padding: .5em;
}
}
@media (min-width: 720px) {
.container {
border-radius: 2px;
border-width: 1px;
margin-bottom: 1rem;
margin-left: 0;
box-shadow:none;
}
}