Hi,
I’d like to keep my desktop font (body + blockquotes) large, and my mobile font (body + blockquotes) small.
Here’s what my code currently looks like
@media (max-width: 768px) {
body {
font-size: 18.5px;
}
}
blockquote {
background-color: #f4f4f4;
border-left: 2px solid #58bad6;
font-size: 14.5pt;
font-style: normal;
padding-left: 25px;
}
I want the blockquote on my mobile to be smaller while keeping the blockquote font on desktop around 16 px.