diff --git a/css/style.css b/css/style.css index 87095d4..65c9332 100644 --- a/css/style.css +++ b/css/style.css @@ -51,9 +51,10 @@ body{ .flexbox { display: flex; + width: 100%; } .flexboxf { - width: 100%; + max-width: 50vw; display: flex; align-items: stretch; justify-content: center; @@ -70,7 +71,7 @@ body{ outline: #FFF groove .5vh; margin-top:5vh; width: fill; - min-width: 20vh; + min-width: 50%; padding: 2vh; border-radius: 5vh; box-shadow: .4em .4em .4em .1em rgba(255, 255, 255, 255); @@ -85,7 +86,7 @@ body{ .boxer{ position: sticky; /*min-width: 20%;*/ - max-width: 40%; + max-width: 20vw; color: #FFF; background: #000; /*outline: #FFF groove .5vh;*/ @@ -98,7 +99,7 @@ body{ box-shadow: .4em .4em .4em .1em rgba(255, 255, 255, 255); margin-left: 1em; overflow: stretch; - font-size: 1em; + font-size: 1vw; } * { @@ -134,14 +135,15 @@ body{ outline: #FFF groove .5vh; box-shadow: .4em .4em .4em .1em rgba(255, 255, 255, 255); border-radius: 100%; - width: 5em; - height: 5em; + width: 100%; + padding: 20%; + height: 80%; display: flex; align-items: center; justify-content: center; } .sociall{ - width: 4em; + width: 9vh; } @@ -154,9 +156,9 @@ body{ } } .dontformatthis{ - width: 100%; + max-width: 50vw; display: block; - margin-left: 4em; + margin-left: 4vh; } @keyframes draw{ diff --git a/index.html b/index.html index 5273d61..13392c2 100644 --- a/index.html +++ b/index.html @@ -34,6 +34,6 @@
I have multiple hobbies like
-
+