Skip to content
Snippets Groups Projects
Commit a24440c4 authored by Richard Taesler's avatar Richard Taesler
Browse files

bessere sichtbarkeit der boxen

parent 8304396d
No related branches found
No related tags found
No related merge requests found
Hide whitespace changes
Inline Side-by-side
Showing
with 14 additions and 12 deletions
test.html
+ 14
− 12
View file @ a24440c4
......@@ -31,13 +31,6 @@
font-weight: bold;
}
.dot {
width: 8px;
height: 8px;
background-color: #000;
border-radius: 50%;
}
.account-btn {
padding: 0.5rem 1rem;
border: 1px solid #ddd;
......@@ -58,16 +51,21 @@
/* Vertikale Trennlinie */
.divider {
background-color: #000000;
background-color: #2b2b2b; /* Dunklere Farbe für bessere Sichtbarkeit */
width: 4px; /* Etwas breiter */
height: 100%;
margin: 0 1rem;
margin: 0; /* Entfernt die seitlichen Abstände */
}
/* Linke Spalte */
.left-column {
display: flex;
width: 350px;
height: 100%;
flex-direction: column;
gap: 2rem;
padding: 2rem;
background-color: #f8f9fa; /* Leicht grauer Hintergrund */
}
/* Rechte Spalte */
......@@ -75,6 +73,9 @@
display: flex;
align-items: center;
justify-content: center;
padding: 2rem;
gap: 2rem;
background-color: #f8f9fa;
}
.box {
......@@ -110,9 +111,7 @@
<body>
<nav class="navbar">
<div class="logo">LOGO</div>
<div class="nav-dots">
<h1>HOME</h1>
</div>
<h1>HOME</h1>
<a href="#" class="account-btn">Account</a>
</nav>
......@@ -132,6 +131,9 @@
<div class="box">
<h2>Prog 1</h2>
</div>
<div class="box">
<h2>Prog 2</h2>
</div>
</div>
</main>
</body>
......
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment