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 {