gaspersic/freeCodeCamp
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Files
1f310d8c5877a13cf67fbfaad323b4a558a0ac3c
freeCodeCamp/guide/english/certifications/responsive-web-design/responsive-web-design-principles/make-an-image-responsive/index.md
Mrugesh Mohapatra da0df12ab7 fix(guide): simplify directory structure
2018-10-16 21:32:40 +05:30

450 B
Raw Blame History

title
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>