Help videos are blocked by big green block!

HTML-CSS
1

Tell us what’s happening:
when I try to watch the help videos a big green block that says spoiler alert is covering the code!
How do I remove the block? When I click on it it just gets bigger but does not go away!

Your code so far


<h2>CatPhotoApp</h2>
<main>
<p>Click here to view more <a href="#">cat photos</a>.</p>

<a href="#"><img src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></a>

<p>Things cats love:</p>
<ul>
  <li>cat nip</li>
  <li>laser pointers</li>
  <li>lasagna</li>
</ul>
<p>Top 3 things cats hate:</p>
<ol>
  <li>flea treatment</li>
  <li>thunder</li>
  <li>other cats</li>
</ol>

<form action="/submit-cat-photo">
<Label for="indoor">
  <input id="indoor" placeholder="cat photo URL" required>
  <button type="radio" 
  name="indoor-outdoor"> Indoor
  </label> 
    
  <label for="outdoor"input id="outdoor"type="radio" name="indoor-outdoor">Outdoor
</label>
</form>
</main>

Your browser information:

User Agent is: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/83.0.4103.116 Safari/537.36.

Challenge: Create a Set of Radio Buttons

Link to the challenge:

2

Hi @annschrader7777,

What device are you using to view the video? I opened the link you provided and watched the video on my laptop with no issues.

If you are using laptop and the spoiler alert is covering your video it is probably because your browser zoom has been set to higher than 100%. When I changed my zoom from 100% to 150%, the spoiler alert covered the code for me too.

Check if you have the same issue and if not, let us know and depending on your device, someone might have a different solution for you :slight_smile:

1 Like
3

I will check it out Thanks!!!

1 Like