Template:Quote/styles.css

.flexquote { display: flex; flex-direction: column; background-color: #F9F9F9; border-left: 3px solid #c8ccd1; font-size: 90%; margin: 1em 4em; padding: .4em .8em; } .flexquote > .flex { display: flex; flex-direction: row; } .flexquote > .flex > .quote { width: 100%; } .flexquote > .flex > .separator { border-left: 1px solid #c8ccd1; border-top: 1px solid #c8ccd1; margin: .4em .8em; } .flexquote > .cite { text-align: right; } @media all and (max-width: 600px) { .flexquote > .flex { flex-direction: column; } }