From 7cf1b66076984a7408123db1ed1cf0e53af20d29 Mon Sep 17 00:00:00 2001 From: Stephysp Date: Mon, 14 Mar 2016 20:22:26 -0400 Subject: [PATCH 1/2] added css --- css/main.css | 20 +++++++++++++++++++- 1 file changed, 19 insertions(+), 1 deletion(-) diff --git a/css/main.css b/css/main.css index 7dde092..499dff2 100644 --- a/css/main.css +++ b/css/main.css @@ -1,6 +1,6 @@ html { box-sizing: border-box; - + display: block; font: normal 100%/1.5 sans-serif; } @@ -15,10 +15,13 @@ body { .banner { background-color: #2b3851; + position: relative; } .robot { width: 320px; + display: inline-block; + padding-top: 4rem; } .robot-body { @@ -27,9 +30,24 @@ body { .robot-brain { width: 46px; + position: absolute; + top: 4rem; + left: 8.5rem; } .robot-head-right, .robot-head-left { width: 125px; } + +.robot-head-right { + position: absolute; + top: 1.6rem; + left: 9.9rem; +} + +.robot-head-left { + position: absolute; + top: 1.6rem; + right: 14.95rem; +} From 61dbafcd991e585786537f5a62456af8872fc0cd Mon Sep 17 00:00:00 2001 From: Stephysp Date: Mon, 14 Mar 2016 20:30:26 -0400 Subject: [PATCH 2/2] fixed css --- css/main.css | 20 +++++++++++++++++--- 1 file changed, 17 insertions(+), 3 deletions(-) diff --git a/css/main.css b/css/main.css index 499dff2..13c4e8b 100644 --- a/css/main.css +++ b/css/main.css @@ -15,13 +15,15 @@ body { .banner { background-color: #2b3851; - position: relative; + display: block; } .robot { width: 320px; - display: inline-block; + display: block; padding-top: 4rem; + margin: 0; + position: relative; } .robot-body { @@ -49,5 +51,17 @@ body { .robot-head-left { position: absolute; top: 1.6rem; - right: 14.95rem; + right: 9.95rem; +} + +.robot-head-left:hover { + position: absolute; + top: 1.6rem; + right: 16rem; +} + +.robot-head-right:hover { + position: absolute; + top: 1.6rem; + left: 16rem; }