Need help with media queries!
Here's an example showcasing the issue:
<h1>Hello<span style="font-size:80px;">WORLD</span>
@media (max-width: 768px) {
h1 {
font-size: 180% !important;
}
}
The 'Hello' part changes with the media query, but the span containing 'WORLD' remains the same size.
Is there a way to address this using only HTML and CSS?