Survey page: almost done!

The tests all run green 17/17, but I need some help with styling.

There is a gradient in my background image that runs from dark to light to dark. I have changed the paragraphs to be white when the background is darker and black when it is lighter. However, there is a spot where the label text for the radio buttons is nearly invisible because the text is white and the background is light. I have tried multiple ways to make it black so that it shows up, but nothing is working. I just wanted to make sure that it was readable before I hit the ‘challenge completed’ button.

Also, the screenshot for the pen is stuck on black text with a white background, which does not look nice at all. I’m wondering how I can change that.
Here is the link to the pen:
(Thanks to @ArielLeslie for reminding me to include it.)

Thanks to all of the people who have helped me in this challenge. :smile:

I think you forgot to include the link to your CodePen.

I, personally, would add a background (edit: background-color) to the form element, and make it a little transparent, enough to see the cool bg, but also solid enough that all of your text could be the same color/more visible.

How is this?

Is there too much going on? Please reply soon.
Have a good night everyone.

It’s good @Crow. There are a couple of minor HTML coding errors you can address. One affects the user’s ability to click on the ‘colored smoke’ label to select the checkbox. The other is a duplicate id. Remember, an id must be unique within the document. You can find both errors by running your HTML code through the W3C validator.

  • Since copy/paste from codepen you can ignore the first warning and first two errors.