greatbody
/
freeCodeCamp
mirror of https://github.com/freeCodeCamp/freeCodeCamp.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity
freeCodeCamp/guide/english/certifications/responsive-web-design/responsive-web-design-princ.../make-an-image-responsive/index.md

450 B
Raw Blame History

title
Make an Image Responsive

Make an Image Responsive

Following the instructions:

Add style rules for the img tag to make it responsive to the size of its container. It should display as a block-level element, it should fit the full width of its container without stretching, and it should keep its original aspect ratio.

the style becomes:

<style>
  img {
  max-width: 100%;
  display: block;
  height: auto;
}
</style>