Responsive image using html and css


<!DOCTYPE html>
<html>
<head>
<title>responsive image</title>
</head>
<body>
<style type="text/css">
.responsive_image img{
height: 100%;
width: 100%;
}
</style>




<div class="responsive_image">
<img src="https://i.ytimg.com/vi/dA3_YQ125ts/maxresdefault.jpg">
</div>



</body>
</html>