styles for the page

Author: yhabib

styles.css

@@ -45,41 +45,49 @@ a {
 text-decoration: none;
 }
 
+
+* {
+box-sizing: border-box;
+}
+
 html, body {
 height: 100%;
 width: 100%;
-overflow-y: hidden;
 }
 
-header {
+body {
+display: flex;
+}
+
+
+.left {
+width: 50%;
+}
+
+.left img {
 width: 100%;
-height: 300px;
-background: url("resources/JS30.png") no-repeat center;
-background-size: contain;
+height: auto;
 }
 
 
-main {
-width: 90%;
-height: calc(100% - 300px);
-margin: 0 auto;
-border: 1px solid black; 
-/*overflow-y: auto;*/
+.right {
+width: 45%;
+height: 100%;
+overflow-y: scroll;
+margin-left: 5%;
 }
-main .links {
-margin-top: 100px;
+
+.right .links {
 width: 100%;
 height: 100%;
 display: flex;
 flex-flow: column nowrap;
-overflow-y: auto;
-/*justify-content: space-between;
-align-content: space-between;
-align-items: center;*/
 }
 
 .links .link {
 width: 100%;
+height: 100%;
 border: 1px solid black;
 border-radius: 5px; 
+padding: 20px 0;
 }