Fix alignment of header, aside, and margin (#8)

performant-software · Nov 3, 2022 · ce44a78 · ce44a78
1 parent 7a0b69a
commit ce44a78
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 3 deletions.
diff --git a/src/components/Header/Header.css b/src/components/Header/Header.css
@@ -26,7 +26,8 @@ header nav ul li a.active {
 
 /* home link */
 header nav ul li:first-child {
-  width: 25vw;
+  min-width: 350px;
+  width: 350px;
 }
 header nav ul li a.home {
   background-color: var(--gold);

diff --git a/src/index.css b/src/index.css
@@ -12,7 +12,7 @@
 main:not(#map) {
   padding: 30px 30px 30px 0;
   max-width: 60ch;
-  margin: 0 0 0 25vw;
+  margin: 0 0 0 350px;
   line-height: 1.5;
 }
 /* center content layout on large displays */

diff --git a/src/pages/MapPage/MapPage.css b/src/pages/MapPage/MapPage.css
@@ -1,5 +1,5 @@
 aside#map-control {
-  width: 300px;
+  width: 330px;
   padding: 20px 10px;
   background-color: var(--sidebar-bg);
   height: calc(100% - 64px - 40px);