From ae19c5a0a2804ee6327f77fe611c32db559e88bd Mon Sep 17 00:00:00 2001 From: Guuq <50501321+Guuq@users.noreply.github.com> Date: Wed, 27 Nov 2019 18:23:42 +0100 Subject: [PATCH] 27-11 #1 --- css.css | 18 +++++++++++------- index.html | 4 ++-- resources/css/shortcuts.css | 2 +- 3 files changed, 14 insertions(+), 10 deletions(-) diff --git a/css.css b/css.css index bd9f2b9..747a49f 100644 --- a/css.css +++ b/css.css @@ -3,8 +3,8 @@ section { float: left; display: inline-block; width: 50%; - margin-top: 55px; - height: 95vh; + padding-top: 55px; + height: 100vh; overflow: scroll; overflow-x: hidden; } @@ -12,11 +12,11 @@ section::-webkit-scrollbar { display: none; } svg { - margin-top: 49px; + padding-top: 49px; fill: #454752; stroke-width: 1; stroke: #454752; - height: 95.6vh; + height: 100vh; } /* Clock */ #timeBox { @@ -36,25 +36,29 @@ svg { /* Feedback */ #feedbackContent { background-color: #33353d; + float: left; width: 100%; } .feedback { display: inline-block; padding: 14vh 0 14vh 5%; width: 50%; - height: 100%; + vertical-align: top; } #feedbackOne { border-right: #454752 4px solid; } .user { display: inline-block; - height: 100%; - width: 10rem; + min-width: 8rem; +} +.user h3 { + text-align: center; } .userImg { width: 8rem; height: 8rem; + margin-left: calc(50% - 4rem); margin-bottom: 2rem; } .userFeedback { diff --git a/index.html b/index.html index 712f4b5..cfdd975 100644 --- a/index.html +++ b/index.html @@ -80,9 +80,9 @@
-

Sam Taen

+

User

-

adkjfkldjafkldfjdklfjdklafjdklaadkjfkldjafkldfjdklfjdklafjdklaadkjfkldjafkldfjdklfjdklafjdklaadkjfkldjafkldfjdklfjdklafjdklaadkjfkldjafkldfjdklfjdklafjdkla

+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam a risus eu ex sagittis interdum ac ac odio. Proin eleifend turpis a aliquam.

diff --git a/resources/css/shortcuts.css b/resources/css/shortcuts.css index 7641312..270cf03 100644 --- a/resources/css/shortcuts.css +++ b/resources/css/shortcuts.css @@ -41,7 +41,7 @@ #addShortcutMenu { display: inline-block; z-index: 2; - border-radius: 1rem; + border-radius: .75rem; position: absolute; left: calc(50% - 25rem); height: 27rem;