gaspersic/freeCodeCamp
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Files
66a8b62bf74152abf86a37a622a3eee2861dbbfe
freeCodeCamp/guide/english/certifications/responsive-web-design/responsive-web-design-principles/make-an-image-responsive/index.md
Randell Dawson 1494a50123 fix(guide): restructure curriculum guide articles (#36501) 
* fix: restructure certifications guide articles
* fix: added 3 dashes line before prob expl
* fix: added 3 dashes line before hints
* fix: added 3 dashes line before solutions
2019-07-24 13:29:27 +05:30

540 B
Raw Blame History

title
title
Make an Image Responsive

Make an Image Responsive

Solutions

Solution 1 (Click to Show/Hide)

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>