There's no "watch video" option

HTML-CSS
1

Tell us what’s happening:
Describe your issue in detail here.
I’m trying to figure out what I’m doing wrong, but there’s no watch video option in the “get help” menu. Can I find a video somewhere else?

  **Your code so far**


<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
<style>
.red-text {
  color: red;
}

h2 {
  font-family: Lobster, monospace;
}

p {
  font-size: 16px;
  font-family: monospace;
}
</style>

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

<a href="#"><img 
src="https://cdn.freecodecamp.org/curriculum/cat-photo-app/relaxing-cat.jpg" alt="A cute orange cat lying on its back."
<style>
 .smaller-image {
   width: 100px
 }
</style>
></a>

<div>
  <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>
</div>

<form action="https://freecatphotoapp.com/submit-cat-photo">
  <label><input type="radio" name="indoor-outdoor" checked> Indoor</label>
  <label><input type="radio" name="indoor-outdoor"> Outdoor</label><br>
  <label><input type="checkbox" name="personality" checked> Loving</label>
  <label><input type="checkbox" name="personality"> Lazy</label>
  <label><input type="checkbox" name="personality"> Energetic</label><br>
  <input type="text" placeholder="cat photo URL" required>
  <button type="submit">Submit</button>
</form>
</main>

  **Your browser information:**

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_6) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/14.0.3 Safari/605.1.15

Challenge: Size Your Images

Link to the challenge:

2

This challenge does not have a video. Once upon a time all challenges had videos, but once a challenge receives changes or updates, the videos become out of date and are removed.

3

Ah, ok. I’ll keep trying things then. I’ll update my question if I need more help. Thank you!

1 Like
4

  1. You have added a second <style> element. Remove that and move the .smaller-image selector to the first style element at the top.

  2. Then you need to use the class on the image element. You do so as taught in the challenge Use a CSS Class to Style an Element

5

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.