Make some part of title responsive

[harleyquinn]

Hi everyone

I've been trying to solve the following case for hours:

Let's take this as an example:

<h2> Hello World <span style = "font-family: 'Courier New', Courier;"> this is a </span> test </h2>

I have currently implemented the following via CSS:

@media only screen and (max-width: 768px) {
     h1 {
         font-size: 36px;
         line-height: 43px;
     }
     h2 {
         font-size: 29px;
         line-height: 35px;
     }
}

What I want: That in this example the font "Courier New" can be addressed separately and adjusted via CSS. I want to change this globally, not inline.

Does anyone have a clue here? I am slowly desperate.

[dsonesuk]

Give the element a class name, with same styling, adjust the styling to that class name in media queries depending on device size.

[Sherin]

You can give id or class name of span tag and styling their class name or id