RWD Introduction
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Responsive Card</title> <style> .card { max-width: 600px; margin: 0 auto; padding: 16px; } .card img { max-width: 100%; height: auto; display: block; } </style> </head> <body> <div class="card"> <img src="mountain.jpg" alt="Mountain view"> <p>Resize the browser window. The image and the card both shrink and grow with it instead of overflowing or staying a fixed size.</p> </div> </body> </html>