From 5152213ab20cc43b47b36c09ac65934433be79da Mon Sep 17 00:00:00 2001 From: 17lifers Date: Sun, 18 Feb 2024 11:12:38 +0100 Subject: [PATCH] Responsive design achieved! --- index.html | 39 ++++++++++++++++++++++++++------------- 1 file changed, 26 insertions(+), 13 deletions(-) diff --git a/index.html b/index.html index 8c48c78..8807f8b 100644 --- a/index.html +++ b/index.html @@ -11,7 +11,7 @@ body { height: 100%; width: 100%; - overflow: hidden; + overflow-x: hidden; background: -webkit-linear-gradient(315deg, #4cff00, #00ff90, #00ffff, #0094ff); background: -moz-linear-gradient(315deg, #4cff00, #00ff90, #00ffff, #0094ff); background: -o-linear-gradient(315deg, #4cff00, #00ff90, #00ffff, #0094ff); @@ -88,20 +88,31 @@ background-position: 0 50% } } + + @media screen and (max-width: 600px) { + div.responsive { + border-radius: initial; + height: 100vh; + } + body { + align-items: initial; + height: 100%; + } + } -
-
-

๐Ÿ‘‹Hello! My name is Ryan, and I'm a professional in front-end web development.

+
+
+

๐Ÿ‘‹ Hello!

+

My name is Ryan, and I'm a professional in front-end web development.

I am a high school student, and I have been programming for about 2 years.


Here are some of the technologies I use:


-
-
+
+ +