In Free Code Camp Challenge 17 we need to change the size of the image to 100px in the follow code:
\n[css]
\n\n \n\nKitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.
\n \nPurr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.
\n \n[/css]\nThe updated code should look like this:
\n[css]
\n\n \n\nKitty ipsum dolor sit amet, shed everywhere shed everywhere stretching attack your ankles chase the red dot, hairball run catnip eat the grass sniff.
\n \nPurr jump eat the grass rip the couch scratched sunbathe, shed everywhere rip the couch sleep in the sink fluffy fur catnip scratched.
\n \n[/css]\n\n\nCSS 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.
\nFor example, if we wanted to create a CSS class called larger-image that gave HTML elements a width of 500 pixels, we’d use:
\n
\n\n[css]
\n
\n\n\n
\n\n[/css]
\nCreate a class called smaller-image and use it to resize the image so that it’s only 100 pixels wide.
\nNote
\n
\n","frontmatter":{"title":"FCC Challenge 17: Size your Images","date":"March 07, 2016","description":null}}},"pageContext":{"slug":"/blog/freecodecamp/frontend/css/fcc-challenge-17-size-your-images/","previous":{"fields":{"slug":"/blog/freecodecamp/frontend/html/fcc-challenge-16-add-images-to-your-website/"},"frontmatter":{"title":"FCC Challenge 16: Add Images to your Website"}},"next":{"fields":{"slug":"/blog/freecodecamp/frontend/css/fcc-challenge-18-add-borders-around-your-elements/"},"frontmatter":{"title":"FCC Challenge 18: Add Borders Around Your Elements"}}}}}Due to browser implementation differences, you may need to be at 100% zoom to pass the tests on this challenge.
\n