Quellcode durchsuchen

edited the position of the logo

BaumSplitter41 vor 2 Wochen
Ursprung
Commit
d142eb03a1
2 geänderte Dateien mit 19 neuen und 12 gelöschten Zeilen
  1. 14 6
      css/style.css
  2. 5 6
      index.html

+ 14 - 6
css/style.css

@@ -5,14 +5,22 @@ body {
   	background-color: grey;
   	margin: auto;
 }
-.main_img {
- 	width: 60px;
- 	height: 600px;
- 	border-radius: 10px;
- 	border: 2px solid white;
- 	margin: 10px;
+.main_container {
+	position: relative; 
+  	width: 100%;
+  	min-height: 100vh;
 }
 
+.main_img {
+	position: absolute;
+  	top: 5%; 
+  	right: 5%;
+
+	width: 20%;
+  	height: auto;
+	border-radius: 50%;
+	object-fit: cover;
+}
 
 h1 {
   	color: white;

+ 5 - 6
index.html

@@ -8,18 +8,17 @@
     <link rel="icon" type="image/png" href="../assets/Logo_BaumSplitter41_transparent.png"/>
 </head>
 <body>
-	<div class="kao">
+	<div class="kao.org">
 		<script src="https://keepandroidopen.org/banner.js?size=minimal&animation=off&hidebutton=off"> </script>
 	</div>
 
 
 	<h1>Moin / Hi</h1>
-	<div class="main_img">
-		<img src="../assets/Logo_BaumSplitter41.png" alt="Logo BaumSplitter41">
-	</div>
+	<div class="main_container">
+		<p>I'm BaumSplitter41, I'm am a student from germany. This site is work in progress.</p>
+
 
-	<div class="welcome_text">
-	<p>I'm BaumSplitter41, I'm am a student from germany. This site is work in progress.</p>
+		<img src="/assets/Logo_BaumSplitter41.png" alt="Logo BaumSplitter41", class = "main_img">
 	</div>