From 2842ef40bfeac51eb06e79753d769bdc16eef283 Mon Sep 17 00:00:00 2001
From: Ethan Paul <24588726+enpaul@users.noreply.github.com>
Date: Sun, 27 Dec 2020 19:42:21 -0500
Subject: [PATCH] Fix styling of social buttons again
---
css/style.css | 24 ++++++++++++++++++------
index.html | 47 +++++++++++++++++++++--------------------------
2 files changed, 39 insertions(+), 32 deletions(-)
diff --git a/css/style.css b/css/style.css
index 7d01a35..a406ba8 100644
--- a/css/style.css
+++ b/css/style.css
@@ -46,7 +46,8 @@ a:hover {
padding: 1em;
- max-width: 50em;
+ /* width: 40em; */
+ max-width: 90%;
background-color: rgba(255, 255, 255, 0.2);
border-style: solid;
border-width: 2px;
@@ -55,17 +56,17 @@ a:hover {
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
position: absolute;
- top: 50%;
+ top: 20%;
left: 50%;
- transform: translate(-50%, -50%);
+ transform: translate(-50%, 0);
z-index: 10;
}
#logo {
margin: auto;
- margin-top: -10em;
- max-width: 50%;
- min-width: 30%;
+ margin-top: -5em;
+ max-width: 60%;
+ width: 50%;
display: block;
border-style: solid;
border-color: rgba(255, 255, 255, 0);
@@ -127,6 +128,17 @@ ul.buttons li {
0px 0px 7px #f77737;
}
+#background-info {
+ text-align: right;
+ font-size: 0.85em;
+
+ padding: 0.75em;
+ position: fixed;
+ bottom: 0;
+ right: 0;
+ z-index: 5;
+}
+
.footer {
font-size: 0.9em;
}
diff --git a/index.html b/index.html
index d0ca831..6e6044e 100644
--- a/index.html
+++ b/index.html
@@ -29,35 +29,24 @@
AllAroundHere
-
- Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor
- incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis
- nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
- Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu
- fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
- culpa qui officia deserunt mollit anim id est laborum.
-
+ Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor
+ incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis
+ nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
+ Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu
+ fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
+ culpa qui officia deserunt mollit anim id est laborum.
+
+