H1 text not affected by my class?

[sdc_tk421]

Tell us what’s happening:
So I’ve started working on the form challenge, but I’ve got a much simpler blocker that I don’t understand. I can’t seem to get the text in my h1 element to change.

Most recently I have created a class called “white-text” that just changes the size and color, but neither of those things are impacting the element I have called the class on.

Your code so far
Here is my codepen, but this is my first post so let me know if anything else is helpful!

Survey Form

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:91.0) Gecko/20100101 Firefox/91.0

Challenge: Build a Survey Form

Link to the challenge:

freeCodeCamp.org

[bbsmooth]

You’ve got some basic issues that need fixing.

To add a class to an element you use the equals sign, not the colon. You are not closing the <h1> properly.

You don’t need the <style> tags in the CSS editor.

You can run the codepen analyzer on both your HTML and CSS to find errors.

Once you clean things up you should be able to apply styles to h1.

[sdc_tk421]

Thank you so much! I went and changed too many things around and made mistakes while doing it. I should’ve taken a break and gone back to it with fresh eyes.

I’m sure I’ll be making mistakes going forward, but hopefully “smarter” mistakes!