Merge pull request #127 from AlishaMahapatra/main

Issue #4 Resolved
E-Cell-VSSUT · Oct 11, 2022 · 6e8d585 · 6e8d585
2 parents 4477577 + ca6d851
commit 6e8d585
Show file tree

Hide file tree

Showing 8 changed files with 40 additions and 0 deletions.
diff --git a/Alisha/Dark chocolate photo/dark chocolate1.jpg b/Alisha/Dark chocolate photo/dark chocolate1.jpg
diff --git a/Alisha/Dark chocolate photo/dark-chocolate.jpg b/Alisha/Dark chocolate photo/dark-chocolate.jpg
diff --git a/Alisha/Dark chocolate photo/dark-chocolates.jpg b/Alisha/Dark chocolate photo/dark-chocolates.jpg
diff --git a/Alisha/Dark chocolate photo/download (1).jpg b/Alisha/Dark chocolate photo/download (1).jpg
diff --git a/Alisha/Dark chocolate photo/download 1.jpg b/Alisha/Dark chocolate photo/download 1.jpg
diff --git a/Alisha/Dark chocolate photo/download.jfif b/Alisha/Dark chocolate photo/download.jfif
diff --git a/Alisha/style.css b/Alisha/style.css
@@ -0,0 +1,19 @@
+.wrapper h1{
+    text-align: center;
+    font-size: 30px;
+    font-family: Arial, Helvetica, sans-serif;
+}
+.img-area{
+    display: flex;
+    flex-wrap: wrap;
+    flex-direction: row;
+    align-items: center;
+    justify-content: center;
+}
+.single-img{
+    padding: 0 20px 20px;
+}
+img:hover{
+    opacity: .5;
+    transition: .9S;
+}
diff --git a/Alisha/task1.html.html b/Alisha/task1.html.html
@@ -0,0 +1,21 @@
+<!doctype html>
+<html lang="en">
+<head>
+     <meta charset="utf-8"/>
+    <title>Dark chocolates gallery using flexbox</title> 
+       <link rel="stylesheet" href="style.css">
+</head>
+   <body>
+    <div class="wrapper">
+        <h1>Flexbox Image Gallery</h1>
+        <div class="img-area">
+        <div class="single-img"><img src="Dark chocolate photo/dark chocolate1.jpg" width="300", height="300"></div>
+        <div class="single-img"><img src="Dark chocolate photo/dark-chocolate.jpg" width="300", height="300"></div>
+        <div class="single-img"><img src="Dark chocolate photo/dark-chocolates.jpg" width="300", height="300"></div>
+        <div class="single-img"><img src="Dark chocolate photo/download (1).jpg" width="300", height="300"></div>
+        <div class="single-img"><img src="Dark chocolate photo/download.jfif" width="300", height="300"></div>
+        <div class="single-img"><img src="Dark chocolate photo/download 1.jpg" width="300", height="300"></div>
+    </div>
+</div>
+    </body>
+</html>