neue BenutzeraccounSeite mit dem Button Ausloggen

CSS/Element/button.css

@@ -14,6 +14,7 @@
   display: flex;
   flex-direction: row;
   align-items: center;
+  cursor: pointer;
 }
 
 .btn-primary {
@@ -34,6 +35,10 @@
   aspect-ratio: 1/1;
 }
 
+.btn-form{
+    padding: 10px 20px;
+}
+
 .btn-login{
   background-color: transparent;
 }
@@ -41,3 +46,7 @@
 .btn-user > span {
   font-size: 28px;
 }
+
+.btn-logout{
+  background-color: red;
+}

CSS/style.css

@@ -1,4 +1,5 @@
 @import url(variables.css);
+@import url(style_columns.css);
 @import url(Block/header.css);
 @import url(Block/footer.css);
 @import url(Element/logo.css);
@@ -36,7 +37,6 @@ h2 {
 
 main {
     margin-top: 190px;
-    padding: 10px;
 }
 
 .msg {

CSS/style_columns.css

@@ -6,6 +6,12 @@
 /*** 12 spaltiges Grid mit Flexboxen ***/
 
 /*** Container ***/
+
+.container{
+    max-width: 90%;
+    padding: 24px 42px 24px 42px;
+}
+
 .row {
     display: flex;
     flex-flow: row;