blob: 480b464e6a461c0579d3ad886fb891fcae808a46 (
plain) (
blame)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
|
<!DOCTYPE html>
<html lang="en">
<head>
<title>Page Title Goes Here</title>
</head>
<body>
<!--The student files had a header, adding just in case my book is missing it.-->
<h1>Picture element<h1>
<!--Opted to try out the webp images here. I'm a big fan of them and wanted to see if they'd work with this set up as well. -->
<picture>
<source media="(min-width: 1200px)" srcset="8.11.large.webp">
<source media="(min-width: 800px)" srcset="8.11.medium.webp">
<source media="(min-width: 320px)" srcset="8.11.small.webp">
<img src="8.11.fallback.jpg" alt="waterwheel">
</picture>
</body>
</html>
|
