Merge branch 'main' of https://git.bib.de/PBBFA23AHR/kurs-app

CSS/Element/button.css

@@ -1,3 +1,10 @@
+.buttons-container{
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  gap: 10px;
+}
+
 .btn{
   padding: 5px 10px;
   font-weight: var(--font-weight-semibold);
@@ -7,6 +14,7 @@
   display: flex;
   flex-direction: row;
   align-items: center;
+  cursor: pointer;
 }
 
 .btn-primary {
@@ -27,6 +35,18 @@
   aspect-ratio: 1/1;
 }
 
+.btn-form{
+    padding: 10px 20px;
+}
+
+.btn-login{
+  background-color: transparent;
+}
+
 .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;