diff --git a/css/gallery.css b/css/gallery.css
index 8c81771..aed5735 100644
--- a/css/gallery.css
+++ b/css/gallery.css
@@ -8,7 +8,7 @@ body {
   .gallery {
     --size: 100px;
     display: grid;
-    grid-template-columns: repeat(6, var(--size));
+    grid-template-columns: repeat(8, var(--size));
     grid-auto-rows: var(--size);
     margin-bottom: var(--size);
     place-items: start center;
diff --git a/gallery.html b/gallery.html
index 2a8e37e..4cc8cf8 100644
--- a/gallery.html
+++ b/gallery.html
@@ -1,6 +1,17 @@
-<link rel="stylesheet" href="css/gallery.css">
+<!DOCTYPE html>
 
-<article class="gallery">
+<head>
+  <meta charset="UTF-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1">
+  <link rel="shortcut icon" href="favicon.jpg" type="image/x-icon">
+  <meta name="description" content="Explore the vibrant moments captured at our recent car meet, showcasing stunning vehicles and the passionate community behind them.">
+  <link rel="stylesheet" href="css/gallery.css">
+  <title>Car Meet Gallery</title>
+</head>
+<body>
+  
+  <article class="gallery">
     <img src="media/1.jpg" alt="a car immage is supposed to be here" />
     <img src="media/2.jpg" alt="a car immage is supposed to be here" />
     <img src="media/10.jpg" alt="a car immage is supposed to be here" />
@@ -40,4 +51,7 @@
     <img src="media/37.jpg" alt="a car immage is supposed to be here" />
     <img src="media/38.jpg" alt="a car immage is supposed to be here" />
     <img src="media/39.jpg" alt="a car immage is supposed to be here" />
-  </article>
\ No newline at end of file
+  </article>
+
+</body>
+</html>
\ No newline at end of file
