First, add a new image below the existing one. Set its <code>src</code> attribute to <code>https://bit.ly/fcc-running-cats</code>.
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 <code>img-responsive</code> class to your image. Do this, and the image should perfectly fit the width of your page.
testString: assert($("img:eq(1)").hasClass("img-responsive"), 'Your new image should be below your old one and have the class <code>img-responsive</code>.');
testString: assert(!$("img:eq(1)").hasClass("smaller-image"), 'Your new image should not have the class <code>smaller-image</code>.');
- text: Your new image should have a <code>src</code> of <code>https://bit.ly/fcc-running-cats</code>.
testString: assert($("img:eq(1)").attr("src") === "https://bit.ly/fcc-running-cats", 'Your new image should have a <code>src</code> of <code>https://bit.ly/fcc-running-cats</code>.');
testString: assert(code.match(/<img/g)&&code.match(/<img[^<]*>/g).length === 2 && code.match(/<img/g).length ===2,'Makesureyournew<code>img</code> element has a closing angle bracket.');