Technigo · KathalinS · Oct 8, 2021 · Oct 8, 2021 · esteficodes · Oct 14, 2021
diff --git a/README.md b/README.md
@@ -1,4 +1,4 @@
-# Project Name
+# Project Name Jessy Vagabunda
 
 Replace this readme with your own information about your project.
 

diff --git a/code/Images/IMG_3058.jpg b/code/Images/IMG_3058.jpg
diff --git a/code/Images/IMG_3059.jpg b/code/Images/IMG_3059.jpg
diff --git a/code/Images/IMG_3060.jpg b/code/Images/IMG_3060.jpg
diff --git a/code/index.html b/code/index.html
@@ -1,21 +1,44 @@
 <!DOCTYPE html>
-<html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>somewhere between paper an skin</title>
+    <link rel="stylesheet" type="text/css" href="style.css">
+</head>
+<body>
 
-  <head>
-    <meta charset="utf-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Project Name</title>
-    <!-- dont forget to add a css file and link it here! -->
-    <!-- If you're using google fonts, that should be added here -->
-  </head>
-  <body>
-    <!-- 
-      Write your code here inside the body to make it appear in the browser. 
-      Below is an example on how to use an image tag. Copy it and add it in the body, but outside the comment tag if you want to see how it looks like on the website. Then you can change the size and other styling for it in the css file.
+  <nav>
+    <div class="nav"></div>
+    <ul>
+      <li><a href="#">/art work</a></li>
+      <li><a href="#">/tattoo art</a></li>
+      <li><a href="#">/about</a></li>
+      <li><a href="https://instagram.com/jessy.vagabunda?utm_medium=copy_link">/insta</a></li>
+      </ul>
+   </nav>
 
-      <img src="example-recipe-background.png" alt="Banana Bread">
+<div class="wrapper">
+  <div><img src="./Images/IMG_3058.jpg" alt="hund"></div>
+  <div><img src="./Images/IMG_3059.jpg" alt="hund"></div>
+  <div><img src="./Images/IMG_3060.jpg" alt="hund"></div>
+</div>
+<div>
+<div class="grey-box">
+    <h2>somewhere between paper an skin</h2>
+    <style>
+      img {
+      max: fullscreen;
+      height: auto;
+      }
+    </style>
+</div>
 
-    -->
-    <h1>Hello there! 👋🏼</h1>
-  </body>
+<div class="wrapper2">
+  <div><img src="./Images/IMG_3058.jpg" alt="hund"></div>
+  <div><img src="./Images/IMG_3059.jpg" alt="hund"></div>
+  <div><img src="./Images/IMG_3060.jpg" alt="hund"></div>
+</div>
+</body>
 </html>
diff --git a/code/style.css b/code/style.css
@@ -1,5 +1,47 @@
-/* Here in the css file you'll write your styling. make sure to link the css file to the html file. If it's linked correctly you should see a light blue background. */
+body     { font-family: "Gill Sans Extrabold", Helvetica, sans-serif }
 
-body {
-  background-color: lightblue;
+.receipt { font-family: Courier, "Lucida Console", monospace }
+
+nav ul {
+    list-style-type: none;
+    display: grid;
+    grid-template-columns: repeat(4, 1fr);
+    grid-auto-rows: auto;
+  }
+
+nav ul li a:hover, nav ul li a:focus {
+    color: black;
+    background-color: white;
+    font-weight: bold;
+  }
+
+  nav ul li a {
+    padding: 0.25em 1em;
+    color: black;
+    text-decoration: none; /* no underline */
+    font-size: 40px;
+    background-color: white
+  }
+
+.wrapper {
+    display: grid;
+    grid-template-columns: repeat(3, 1fr);
+    grid-auto-rows: auto;
+  }
+
+.grey-box {
+    background-color: grey;
+    padding: 20px;
+    margin-top: 40px;
+    margin-bottom: 40px;
+    width: 100%;
+    font-size: xx-large;
+    text-align: center;
 }
+
+.wrapper2 {
+    display: grid;
+    grid-template-columns: repeat(3, 1fr);
+    grid-auto-rows: auto;
+  }
+