update styles.

anchoraorg · Aug 9, 2024 · eaf0f05 · eaf0f05
1 parent 5f39c46
commit eaf0f05
Show file tree

Hide file tree

Showing 5 changed files with 21 additions and 6 deletions.
diff --git a/blocks/columns/columns.css b/blocks/columns/columns.css
@@ -2,6 +2,7 @@
   display: flex;
   flex-direction: column-reverse;
   justify-items: center;
+  justify-content: space-between;
 }
 
 .columns img {

diff --git a/blocks/header/header.css b/blocks/header/header.css
@@ -19,8 +19,10 @@ header nav {
   align-items: center;
   gap: 0 2em;
   margin: auto;
+
   /* max-width: 1264px; */
   height: var(--nav-height);
+
   /* padding: 0 1rem; */
   font-family: var(--body-font-family);
 }

diff --git a/styles/styles.footer.css b/styles/styles.footer.css
@@ -87,19 +87,28 @@ footer .footer.block .section.bottomrow .columns-2-cols {
   width: 100%;
 }
 
+@media (width <= 900px) {
+  footer .footer.block .section.bottomrow .columns-2-cols > div {
+    flex-direction: row;
+    justify-content: space-between;
+    align-items: center;
+  }
+
+}
+
 footer .footer.block .section.bottomrow .columns-2-cols > div > div:last-child {
   background-color: #E6FF00;
   color: #001F3D;
   font-size: 12px;
-  max-width: 100%;
-  width: 100%;
+  max-width: fit-content;
   align-items: end;
   position: relative;
   display: flex;
   justify-content: flex-end;
   gap: 16px;
 }
 
+
 footer .footer.block .section.bottomrow .columns-2-cols > div > div:last-child p {
   width: 56px;
   height: 56px;

diff --git a/styles/styles.header.css b/styles/styles.header.css
@@ -71,6 +71,7 @@ header nav .nav-sections {
   font-weight: 700;
   color: #e6ff00;
   font-size: 16px;
+
   /* line-height: 110px; */
   text-transform: uppercase;
   text-decoration: none;
@@ -119,6 +120,7 @@ header nav .nav-hamburger button {
   width: 25px !important;
   min-width: 25px !important;
 }
+
 header nav .nav-hamburger-icon {
   color: #e6ff00 !important;
 }
@@ -165,11 +167,14 @@ header nav ul:last-child {
 
 header nav[aria-expanded='true'] .section.menu {
   /* max-height: fit-content; */
+
   /* height: calc(100vh - 68px); */
+
   /* display: none; */
   text-align: center;
-  padding: 20px 25px 140px 25px;
+  padding: 20px 25px 140px;
 }
+
 header nav[aria-expanded='true'] .section.menu a {
   line-height: 1.1;
   height: 30px;
@@ -191,6 +196,7 @@ header nav[aria-expanded='true'] {
   grid-template-rows: 75px 1fr !important;
   margin-right: 25px !important;
   overflow-y: auto;
+
   /* flex-direction: column !important; */
   min-height: 100vh;
 }

diff --git a/styles/styles.section.contactus.css b/styles/styles.section.contactus.css
@@ -21,9 +21,6 @@ main .section.contactus::after {
 
 
 /* section popular */
-main .section.contactus {
-  /* padding: 64px 25px; */
-}
 
 main .section.contactus h3 {
   text-transform: none;