From 6c0b47b110a2449899f5c9bad4b92c3bba5a1e9b Mon Sep 17 00:00:00 2001 From: knolax <1339802534.kk@gmail.com> Date: Tue, 9 Jan 2018 18:43:29 -0500 Subject: fixed the issue with image sizes --- style.css | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) (limited to 'style.css') diff --git a/style.css b/style.css index bd0ce07..75c5bc6 100644 --- a/style.css +++ b/style.css @@ -14,12 +14,13 @@ a:hover { } .content { /*the following works together to center the entire element*/ - position:relative; + position:relative; /* allows for translation*/ left:50%; /* this shifts the element to the right by 50% of its parent*/ display: inline-block; /* this makes the element only as wide as it needs to be*/ transform:translatex(-50%);/*this shifts it to the left by half its own width*/ } img { + position: absolute; /*parent now ignores it's size when calculating size*/ display: block; /*overrides not margin to center from bounds of the
 tag*/
 	margin-left: auto;
-- 
cgit v1.1