From 8af87e5365fcd649543487c9db9d8456ebf43b36 Mon Sep 17 00:00:00 2001
From: Dineshborse <dineshborse3791@gmail.com>
Date: Thu, 7 Apr 2022 09:51:18 +0530
Subject: [PATCH] updated assignment1.css and assignment1.html for completing
 assingment given

---
 src/Assignment-1/assignment1.css  | 28 +++++++++++++++++++++++++---
 src/Assignment-1/assignment1.html | 24 ++++++++++++++++++++++--
 2 files changed, 47 insertions(+), 5 deletions(-)

diff --git a/src/Assignment-1/assignment1.css b/src/Assignment-1/assignment1.css
index 916fa6e..33acc8d 100644
--- a/src/Assignment-1/assignment1.css
+++ b/src/Assignment-1/assignment1.css
@@ -1,7 +1,29 @@
 /* Our CSS file. */
 
 
-.container, .content {
-width: 100%;
-height: 100%;
+.container,
+.content {
+    width: 100%;
+    height: 100%;
 }
+
+.full-width-div {
+    height: 50vh;
+    width: 100vw;
+}
+
+.left-div {
+    height: 100%;
+    width: 50vw;
+    float: left;
+}
+
+.right-div {
+    height: 100%;
+    width: 50vw;
+    float: right;
+}
+h1{
+    vertical-align: middle;
+    text-align: center;
+}
\ No newline at end of file
diff --git a/src/Assignment-1/assignment1.html b/src/Assignment-1/assignment1.html
index ff998b9..2adf617 100644
--- a/src/Assignment-1/assignment1.html
+++ b/src/Assignment-1/assignment1.html
@@ -13,8 +13,28 @@
 
 	<!-- This is just a comment. Ignore this line.-->
 	<!-- Start your code from here -->
-	
-	
+	<div class="full-width-div" >
+		<div class="left-div">
+			<ul>
+				<li>List Item 1</li>
+				<li>List Item 2</li>
+				<li>List Item 3</li>
+				<ul><li>List Item 3.1</li>
+					<li>List Item 3.2</li>
+				</ul>
+			</ul>
+		</div>
+		<div class="right-div">
+			<img src="https://images.unsplash.com/photo-1648693956698-ad30bf033b35?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=870&q=80" alt="image by Aedrian" width="100%" height="100%">
+	</div>	
+	<div class="full-width-div" >
+		<div class="left-div">
+			<img src="https://images.unsplash.com/photo-1647966524274-7accdc8b29f2?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1032&q=80" alt="Image by Chandler Cruttenden" width="100%" height="100%">
+		</div>
+		<div class="right-div">
+			<h1>The largest community of photo enthusiasts</h1>
+		</div>
+	</div>
 	<!-- End your code -->
 
 	</div>