diff --git a/.gitignore b/.gitignore
new file mode 100644
index 0000000..a655d6c
--- /dev/null
+++ b/.gitignore
@@ -0,0 +1,5 @@
+node_modules/
+main
+npm-debug.log
+
+npm-debug.log
diff --git a/index.css b/index.css
index 859a834..1dc58ac 100644
--- a/index.css
+++ b/index.css
@@ -1,7 +1,8 @@
 body {
-  max-width: 600px;
+  max-width: 800px;
   margin: auto;
   text-align: center;
+  background-color: brown;
 }
 
 p {
diff --git a/index.html b/index.html
index ddbce82..afdcf8f 100644
--- a/index.html
+++ b/index.html
@@ -1,13 +1,28 @@
 <!DOCTYPE html>
 <html lang="hr">
+  <head>
+    <title>Lorem ipsum</title>
+    <link rel="stylesheet" href="./index.css" />
+  </head>
 
-<head>
-  <title>Lorem ipsum</title>
-  <link rel="stylesheet" href="./index.css">
-</head>
+  <body style="padding: 40px; width: 600px; margin: auto; text-align: center">
+    <h1>Ima keksi opet tuc je tu</h1>
 
+
+    <div>
+      <h2>Ovo je leptir?</h2>
+      <img
+        src="https://www.mainegardens.org/wp-content/uploads/2023/06/Art-of-Insects-Lepidoptera-1-300x245.jpg"
+        alt="programer ross"
+        width="500"
+        height="600"
+      />
+    </div>
+  </body>
+</html>
+=======
 <body style="padding:40px; width: 600px; margin: auto; text-align: center">
-  <h1>Lorem ipsum</h1>
+  <h1>Ali zašto nema keksiju???</h1>
   <img src="https://picsum.photos/500/400" title="Lorem ipsum" lang="en" alt="Lorem ipsum">
   <p style="text-align: justify;">
     Lorem ipsum dolor sit amet consectetur adipisicing elit. Iure a officiis labore! Nesciunt cum accusamus impedit
@@ -22,4 +37,5 @@ <h1>Lorem ipsum</h1>
     molestiae ut distinctio dolores mollitia facilis. Atque ex perferendis repudiandae expedita officia animi?</p>
 </body>
 
-</html>
\ No newline at end of file
+</html>
+
