Syntax error How to scale down an image with CSS to make it responsive

How to scale down an image with CSS to make it responsive

To make an image responsive, you can try to run the following code:

Example

Live Demo

<!DOCTYPE html>
<html>
   <head>
      <style>
         img {
            max-width: 100%;
            height: auto;
         }
      </style>
   </head>
   <body>
      <img src = "https://www.tutorialspoint.com/videotutorials/images/coding_ground_home.jpg" alt = "Online Compiler" width = "300" height = "300">
   </body>
</html>
Updated on: 2020-06-24T07:22:53+05:30

425 Views

Kickstart Your Career

Get certified by completing the course

Get Started
Advertisements