diff --git a/exercises/7_1/exercise1.css b/exercises/7_1/exercise1.css
new file mode 100644
index 0000000..80b2884
--- /dev/null
+++ b/exercises/7_1/exercise1.css
@@ -0,0 +1,17 @@
+body {
+
+}
+h1 {
+
+}
+h2 {
+
+}
+
+img {
+ max-width: 100%;
+}
+
+figure {
+ margin: 0;
+}
\ No newline at end of file
diff --git a/exercises/7_1/exercise1.html b/exercises/7_1/exercise1.html
new file mode 100644
index 0000000..a58315f
--- /dev/null
+++ b/exercises/7_1/exercise1.html
@@ -0,0 +1,53 @@
+
+
+
+
+
+
+
+ Media Query Exercise 1
+
+
+
+
+
+
+
Media Query Demo
+
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore
+ magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
+ consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
+ Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
+
+
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Corrupti, ipsum quae veritatis in nihil laudantium labore
+ beatae nulla laborum rem. Error, molestiae eaque quod placeat at. Labore architecto minus accusantium.
+
+
Box Columns
+
+
+
+ Place Kittens are great
+
+
+
+
+ Place Kittens are great
+
+
+
+
+ Place Kittens are great
+
+
+
+
+ Place Kittens are great
+
+
+
+
+ Place Kittens are great
+
+
+
+
+
\ No newline at end of file