css
This commit is contained in:
+2
-2
@@ -4,10 +4,10 @@
|
||||
-->
|
||||
|
||||
<main class="form-page" style="background-color: #4a5568">
|
||||
<div class="profile-layout-container">
|
||||
<div class="flexbox">
|
||||
|
||||
<!-- Linke Spalte: Profildaten -->
|
||||
<div class="form-container">
|
||||
<div class="container">
|
||||
<form>
|
||||
<label class="input-label">Vorname</label>
|
||||
<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) */
|
||||
@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