--- id: bad87fee1348bd9acde08812 title: Make Images Mobile Responsive challengeType: 0 forumTopicId: 18232 dashedName: make-images-mobile-responsive --- # --description-- First, add a new image below the existing one. Set its `src` attribute to `https://bit.ly/fcc-running-cats`. It would be great if this image could be exactly the width of our phone's screen. Fortunately, with Bootstrap, all we need to do is add the `img-responsive` class to your image. Do this, and the image should perfectly fit the width of your page. # --hints-- You should have a total of two images. ```js assert($('img').length === 2); ``` Your new image should be below your old one and have the class `img-responsive`. ```js assert($('img:eq(1)').hasClass('img-responsive')); ``` Your new image should not have the class `smaller-image`. ```js assert(!$('img:eq(1)').hasClass('smaller-image')); ``` Your new image should have a `src` of `https://bit.ly/fcc-running-cats`. ```js assert($('img:eq(1)').attr('src') === 'https://bit.ly/fcc-running-cats'); ``` Your new `img` element should have a closing angle bracket. ```js assert( code.match(//g).length === 2 && code.match(/
Click here for cat photos.
Things cats love:
Top 3 things cats hate:
Click here for cat photos.
Things cats love:
Top 3 things cats hate: