FCC Challenge 17: Size your Images

In Free Code Camp Challenge 17 we need to change the size of the image to 100px in the follow code:

[css]

CatPhotoApp

Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.

Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.

The updated code should look like this:

[css]

CatPhotoApp

Kitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.

Purr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.

CSS has a property called width that controls an element’s width. Just like with fonts, we’ll use px (pixels) to specify the image’s width.

For example, if we wanted to create a CSS class called larger-image that gave HTML elements a width of 500 pixels, we’d use:

[css]

[/css]

Create a class called smaller-image and use it to resize the image so that it’s only 100 pixels wide.

Note

Due to browser implementation differences, you may need to be at 100% zoom to pass the tests on this challenge.