From d787e948344cb9588ac38fdf261f2e2d2d03dd30 Mon Sep 17 00:00:00 2001
From: NetMan <13informatyka14@gmail.com>
Date: Thu, 28 Dec 2023 18:51:20 +0100
Subject: [PATCH] Completed exercise 04

Moved images to img folder, solved task according to requirements
---
 .../{ => img}/pexels-andrea-piacquadio-3777931.jpg  | Bin
 .../{ => img}/pexels-katho-mutodo-8434791.jpg       | Bin
 04-chaining-selectors/index.html                    |   8 ++++----
 04-chaining-selectors/style.css                     |  12 +++++++++++-
 4 files changed, 15 insertions(+), 5 deletions(-)
 rename 04-chaining-selectors/{ => img}/pexels-andrea-piacquadio-3777931.jpg (100%)
 rename 04-chaining-selectors/{ => img}/pexels-katho-mutodo-8434791.jpg (100%)

diff --git a/04-chaining-selectors/pexels-andrea-piacquadio-3777931.jpg b/04-chaining-selectors/img/pexels-andrea-piacquadio-3777931.jpg
similarity index 100%
rename from 04-chaining-selectors/pexels-andrea-piacquadio-3777931.jpg
rename to 04-chaining-selectors/img/pexels-andrea-piacquadio-3777931.jpg
diff --git a/04-chaining-selectors/pexels-katho-mutodo-8434791.jpg b/04-chaining-selectors/img/pexels-katho-mutodo-8434791.jpg
similarity index 100%
rename from 04-chaining-selectors/pexels-katho-mutodo-8434791.jpg
rename to 04-chaining-selectors/img/pexels-katho-mutodo-8434791.jpg
diff --git a/04-chaining-selectors/index.html b/04-chaining-selectors/index.html
index dfed3f8..d4f143f 100644
--- a/04-chaining-selectors/index.html
+++ b/04-chaining-selectors/index.html
@@ -11,13 +11,13 @@
     <!-- Check image source path. Review Foundations lesson - Links and Images -->
     <!-- Use the classes BELOW this line -->
     <div>
-      <img class="avatar proportioned" src="" alt="Woman with glasses">
-      <img class="avatar distorted" src="" alt="Man with surprised expression">
+      <img class="avatar proportioned" src="img/pexels-katho-mutodo-8434791.jpg" alt="Woman with glasses">
+      <img class="avatar distorted" src="img/pexels-andrea-piacquadio-3777931.jpg" alt="Man with surprised expression">
     </div>
     <!-- Use the classes ABOVE this line -->
     <div>
-      <img class="original proportioned" src="" alt="Woman with glasses">
-      <img class="original distorted" src="" alt="Man with surprised expression">
+      <img class="original proportioned" src="img/pexels-katho-mutodo-8434791.jpg" alt="Woman with glasses">
+      <img class="original distorted" src="img/pexels-andrea-piacquadio-3777931.jpg" alt="Man with surprised expression">
     </div>
   </body>
 </html>
\ No newline at end of file
diff --git a/04-chaining-selectors/style.css b/04-chaining-selectors/style.css
index d55c2c5..d00dbe3 100644
--- a/04-chaining-selectors/style.css
+++ b/04-chaining-selectors/style.css
@@ -1 +1,11 @@
-/* Add CSS Styling */
\ No newline at end of file
+/* Add CSS Styling */
+
+.avatar.proportioned {
+    width: 300px;
+    height: auto;
+}
+
+.avatar.distorted {
+    width: 200px;
+    height: 400px;
+}
\ No newline at end of file