Add files via upload

ReemAbuRajab7 · Nov 10, 2024 · 36b48ad · 36b48ad
1 parent 6bb3966
commit 36b48ad
Show file tree

Hide file tree

Showing 8 changed files with 71 additions and 0 deletions.
diff --git a/img/1.jpg b/img/1.jpg
diff --git a/img/2.jpg b/img/2.jpg
diff --git a/img/3.jpg b/img/3.jpg
diff --git a/img/4.jpg b/img/4.jpg
diff --git a/img/5.jpg b/img/5.jpg
diff --git a/img/6.jpg b/img/6.jpg
diff --git a/index.html b/index.html
@@ -0,0 +1,39 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+
+<link rel="stylesheet" href="styles.css">
+
+</head>
+<body>
+
+<div class="gallery-container">
+
+  <div class="gallery-item">
+    <img src="./img/1.jpg" alt="Image 1">
+  </div>
+
+  <div class="gallery-item">
+    <img src="./img/2.jpg" alt="Image 2">
+  </div>
+
+  <div class="gallery-item">
+    <img src="./img/3.jpg" alt="Image 3">
+  </div>
+
+  <div class="gallery-item">
+    <img src="./img/4.jpg" alt="Image 4">
+  </div>
+
+  <div class="gallery-item">
+    <img src="./img/5.jpg" alt="Image 5">
+  </div>
+
+  <div class="gallery-item">
+    <img src="./img/6.jpg" alt="Image 6">
+  </div>
+
+</div>
+
+</body>
+</html>
diff --git a/styles.css b/styles.css
@@ -0,0 +1,32 @@
+* {
+    margin: 0;
+    padding: 0;
+  }
+
+  body {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    height: 900px;
+  }
+
+  .gallery-container {
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: center;
+    align-items: center;
+    gap: 20px;
+    width: 1200px;
+  }
+
+  .gallery-item {
+    width: 30%;
+
+  }
+
+  .gallery-item img {
+    width: 100%;
+  }
+
+
+