1 files changed, 18 insertions, 0 deletions
diff --git a/HTML/Chapter/Ch. 8 hands-on assignments/Ch8_msglm/ch8picture/8.11.index.html b/HTML/Chapter/Ch. 8 hands-on assignments/Ch8_msglm/ch8picture/8.11.index.html
new file mode 100644
index 0000000..480b464
--- /dev/null
+++ b/HTML/Chapter/Ch. 8 hands-on assignments/Ch8_msglm/ch8picture/8.11.index.html
@@ -0,0 +1,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>