Skip to content

Instantly share code, notes, and snippets.

@mnikolaus

mnikolaus/images.html

Created March 11, 2022 15:14
Show Gist options
  • Save mnikolaus/4c00e4f022143412b4e85791dc658c99 to your computer and use it in GitHub Desktop.
Save mnikolaus/4c00e4f022143412b4e85791dc658c99 to your computer and use it in GitHub Desktop.
Download ZIP
Images testing
Raw
images.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Images</title>
<style>
body {
margin: 0;
}
.container {
max-width: 300px;
margin: 0 auto;
}
</style>
</head>
<body>
<div class="cover">
<img srcset="https://via.placeholder.com/500x200 500w, https://via.placeholder.com/2000x300 2000w">
</div>
<div class="container">
<p>
Bla bla bla
</p>
<img
srcset="https://via.placeholder.com/300x200 300w, https://via.placeholder.com/300x200 300w, https://via.placeholder.com/800x200 800w, https://via.placeholder.com/1200x300 1200w, https://via.placeholder.com/1600x400 1600w, https://via.placeholder.com/3000x500 3000w"
width="100%"
>
</div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment