Shifted AboutMe CSS

Move, resize, and adjust a bit better to different resolutions

Author: ProcStack

Public/style/gitPage_aboutMeStyle.css

@@ -3,11 +3,11 @@
 
 .gitAboutMePageStyle{
   position: fixed;
-  top: 7vmax;
+  bottom: 4vmin;
   left: calc(min(max(2vmax,(100vw - 700px) / 10), max(50vw - 300px, 2vmax)));
   max-width: calc(100vw - 6vmax);
   width: calc(max(1000px, 45vw));
-  max-height: calc(100vh - 15vmax);
+  max-height: calc(min(91vh, 100vh - 7vmax));
   justify-self: center;
   justify-items: center;
   z-index: 6;
@@ -20,7 +20,7 @@
 
 .gitAboutMePageInnerStyle{
   max-width: calc(100vw - 6vmax - var(--inner-padding));
-  max-height: calc(100vh - 15vmax - var(--inner-height-reduce));
+  max-height: calc(min(91vh, 100vh - 7vmax - var(--inner-height-reduce)));
   padding: var(--inner-padding);
   border-radius: 2px;
   background-color: rgba(65, 65, 65, 0.3);

docs/style/gitPage_aboutMeStyle.css

@@ -3,11 +3,11 @@
 
 .gitAboutMePageStyle{
   position: fixed;
-  top: 7vmax;
+  bottom: 4vmin;
   left: calc(min(max(2vmax,(100vw - 700px) / 10), max(50vw - 300px, 2vmax)));
   max-width: calc(100vw - 6vmax);
   width: calc(max(1000px, 45vw));
-  max-height: calc(100vh - 15vmax);
+  max-height: calc(min(91vh, 100vh - 7vmax));
   justify-self: center;
   justify-items: center;
   z-index: 6;
@@ -20,7 +20,7 @@
 
 .gitAboutMePageInnerStyle{
   max-width: calc(100vw - 6vmax - var(--inner-padding));
-  max-height: calc(100vh - 15vmax - var(--inner-height-reduce));
+  max-height: calc(min(91vh, 100vh - 7vmax - var(--inner-height-reduce)));
   padding: var(--inner-padding);
   border-radius: 2px;
   background-color: rgba(65, 65, 65, 0.3);