updated

55b5743d · arezou · 10ec996a · 55b5743d · 55b5743d
Commit 55b5743d authored 6 months ago by arezou
--- a/css/main.css
+++ b/css/main.css
+/*.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
--- a/index.html
+++ b/index.html
- <!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