Solve problem "Make Images Mobile Responsive" online - Learn Python 3 - Snakify

Lesson: Responsive Design with Bootstrap

Make Images Mobile Responsive

First, add a new image below the existing one. Set its src attribute to

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.

The content on this page is licensed under Attribution-ShareAlike 4.0 International. Original authors: freeCodeCamp, the content was modified.