css
This commit is contained in:
+2
-2
@@ -4,10 +4,10 @@
|
|||||||
-->
|
-->
|
||||||
|
|
||||||
<main class="form-page" style="background-color: #4a5568">
|
<main class="form-page" style="background-color: #4a5568">
|
||||||
<div class="profile-layout-container">
|
<div class="flexbox">
|
||||||
|
|
||||||
<!-- Linke Spalte: Profildaten -->
|
<!-- Linke Spalte: Profildaten -->
|
||||||
<div class="form-container">
|
<div class="container">
|
||||||
<form>
|
<form>
|
||||||
<label class="input-label">Vorname</label>
|
<label class="input-label">Vorname</label>
|
||||||
<input type="text" name="Vorname" class="login-input" required
|
<input type="text" name="Vorname" class="login-input" required
|
||||||
|
|||||||
@@ -108,28 +108,5 @@ CSS für die Profilseite
|
|||||||
|
|
||||||
/* Responsive Anpassungen unter 760px (für z.B. Smartphones) */
|
/* Responsive Anpassungen unter 760px (für z.B. Smartphones) */
|
||||||
@media (max-width: 760px) {
|
@media (max-width: 760px) {
|
||||||
.form-page {
|
|
||||||
display: flex !important;
|
|
||||||
flex-direction: column !important;
|
|
||||||
align-items: center !important;/* Block in die Mitte */
|
|
||||||
justify-content: center !important;
|
|
||||||
padding: 20px 10px !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
.profile-layout-container {
|
|
||||||
display: flex !important;
|
|
||||||
flex-direction: column !important;
|
|
||||||
align-items: center !important; /* Zentriert weiße Boxen untereinander */
|
|
||||||
width: 100% !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
/* Erzwingt das Zentrieren der Boxen */
|
|
||||||
.form-container {
|
|
||||||
flex: 0 1 auto !important;
|
|
||||||
width: 100% !important;
|
|
||||||
max-width: 450px !important;
|
|
||||||
margin: 0 auto 20px auto !important; /* Zentriert die Boxen */
|
|
||||||
box-sizing: border-box !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
}
|
}
|
||||||
Reference in New Issue
Block a user