SubhanUllah Posted October 18, 2022 Report Share Posted October 18, 2022 <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <style> .responsive { width: 100%; height: auto; } </style> </head> <body> <h2>Responsive Images</h2> <p>If you want the image to scale both up and down on responsiveness, set the CSS width property to 100% and height to auto.</p> <p>Resize the browser window to see the effect.</p> <img src="img_nature.jpg" alt="Nature" class="responsive" width="600" height="400"> </body> </html> Quote Link to comment Share on other sites More sharing options...
administrator Posted October 18, 2022 Report Share Posted October 18, 2022 I cover that in my HTML5 course and in my book: Web Design Start Here. My HTML5 course: https://school.studioweb.com/store/course/html5_pro Quote Link to comment Share on other sites More sharing options...
Recommended Posts
Join the conversation
You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.