From 55b5743d1ce2645888263853eff4e0b71cce5340 Mon Sep 17 00:00:00 2001
From: arezou <git@gitlab.tugraz.at>
Date: Mon, 9 Dec 2024 13:46:53 +0100
Subject: [PATCH] updated

---
 css/main.css | 52 ++++++++++++++++++++++++++++++++++++++++++++++++++++
 index.html   | 19 +++++++++++--------
 2 files changed, 63 insertions(+), 8 deletions(-)
 create mode 100644 css/main.css

diff --git a/css/main.css b/css/main.css
new file mode 100644
index 0000000..d04fee1
--- /dev/null
+++ b/css/main.css
@@ -0,0 +1,52 @@
+/*.parent{
+    width: 50%;
+    height: auto;
+    background-color: aqua;
+    .parent__h1{
+        background-color: blue;
+    }
+    
+
+.parent-1{
+    width: 1000px;
+    height:200px;
+    background-color: blue;
+    margin: 50px auto;
+   
+}
+.parent-2{
+    width: 90px;
+    background-color: brown;
+    margin: 50px auto;
+}
+.parent-3{
+    width: 70px;
+    background-color: cadetblue;
+    margin: 50px auto;
+}
+.parent-4{
+    width: 80%;
+    background-color: bisque;
+    margin: 50px auto;
+}*/
+/*:root{
+    --width:300px;
+    --height:200px;
+    --background_color:rgb(9, 0, 128);
+    --center:50px auto;
+    
+
+}
+.parent{
+    width:var(width);
+    height:var(--height);
+    background-color: var(--background_color);
+    margin: var(--center);
+}*/
+.parent {
+    width: 250px;
+    height: 250px;
+    background-color: bisque ;
+    margin: 50px auto;
+    border-radius: 50%;
+}
\ No newline at end of file
diff --git a/index.html b/index.html
index 6f83c18..432f017 100644
--- a/index.html
+++ b/index.html
@@ -1,14 +1,17 @@
- <!DOCTYPE html>
-<html>
+<!DOCTYPE html>
+<html lang="en">
 <head>
-<title>Hello World!</title>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Document</title>
+    <link rel="stylesheet" href="./css/main.css"/>
 </head>
 <body>
+    <div class="parent"> </div>
+    
 
-<h1>Hello world!</h1>
 
-<div><img src="img_hello_world.jpg" alt="Hello World from Space"
-style="width:100%;max-width:726px"></div> 
-<a href="./image/img_hello_world.jpg>
+
+    
 </body>
-</html> 
\ No newline at end of file
+</html>
\ No newline at end of file
-- 
GitLab