Size you image. Style sheet wont work

Tell us what’s happening:
Hi,
does anyone know what i have been missing, i have put the class in html image element, and it passed. but not the style.

Your code so far


<link href="https://fonts.googleapis.com/css?family=Lobster" rel="stylesheet" type="text/css">
<style>
.smaller-image[
width:100px;
]

.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 class="smaller-image"src="https://bit.ly/fcc-relaxing-cat" alt="A cute orange cat lying on its back."></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_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/87.0.4280.88 Safari/537.36.

Challenge: Size Your Images

Link to the challenge:

Hey @jazz1!

[] should be {}

2 Likes

i dont have them on my computer, don’t know have to set them up. ^^ but
they have been working for me before. so i don’t think that’s the problem unless it want the mess with me now…

the problem also i cant paste them in…

That’s the problem.

Use
For copy = control+C
For paste = control+v

typical… :confused: do you know how to change that on mac so i can get them instead. ^^

Use Shift in your keyboard

:confused: i know how to use them… shift, command +8 and they pop up. That’s not the problem. it’s my settings on the keybord.

Then what??

Use Shift + the button you used for the square brackets.

You don’t get it… i am using the buttons for the brackets and my settings for brackets on my computer is and i’m asking you if you know how to change the settings on a mac to make the brackets be correct. because i can’t copy them in the curriculum. { } peace.

Just copy this and paste at the place, this should be.

1 Like

:confused: still cant paste anything in the curriculum so that’s why i’m asking how to change the settings. but thanks for you time. :slight_smile:

You can’t change it.
How will you change something that is on your keyboard.

keyboard shortcuts work, so if you use that you should be able to paste

something like this work?

you really need to use {} in coding, and there is for sure a way to use them, though being your computer/keyboard you are the best person to do the research as there may be differences between keyboard languages, model, etc

2 Likes

.smaller-image[
width:100px;
]
.smaller-image{
width:100px
}

The style property for .smaller-
image has instead of {}

hi, correct brackets maybe this is the probelm.

.smaller-image{
width:100px;
}

Hi, Thanks everyone!! *
I figured it out and fixed my keybord so it works for me now.
Thanks for your support and time.
Happy coding. : )

1 Like