Trying to use CSS to change font sizes for mobile site - paragraphs won't change

[captivatefilms]

I found a tutorial that helped me finally get the font sizing right - at least it almost did. I'm having to resize all my fonts to work on the mobile site. I was able to change my h3 font size with the following code in the screenshot below. Still following the tutorial to a tee, I tried changing the paragraph font size next. I have tried "p" and "p3" and neither change the size of the font (both of the fonts above and below "YOUR WEDDING VIDEOGRAPHER" are p3.

I must be doing something wrong, but I'm not sure what since it worked for the person in the tutorial. Here is the tutorial I'm watching. Skip to 1:18

 

 

Edited September 9, 2023 by captivatefilms
to clarify where code is in topic

[Lesum]

@captivatefilms You just have to add "!important" after the font size.

@media only screen and (max-width: 640px){
	h3 {
		font-size: 20px !important;
	}
	p {
		font-size: 10px !important;
	{
}

[captivatefilms]

Unfortunately this did not resolve it 😞

[Lesum]

@captivatefilms Check on a browser or reload you Squarespace editor. 

[captivatefilms]

Oh nevermind! The bracket closing the paragraph code was just facing the wrong way 🙂

Edited September 9, 2023 by captivatefilms