From 11e6b4e0fcd8ff9c3df0ca20cb6193b337d7f7f7 Mon Sep 17 00:00:00 2001 From: D_Cifr <32807056+usr-Aditya@users.noreply.github.com> Date: Sat, 27 Oct 2018 14:32:25 +0530 Subject: [PATCH] ResponsiveCss Adding the responsiveness to site. --- ResponsiveCSS | 63 +++++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 63 insertions(+) create mode 100644 ResponsiveCSS diff --git a/ResponsiveCSS b/ResponsiveCSS new file mode 100644 index 0000000..60c6ddb --- /dev/null +++ b/ResponsiveCSS @@ -0,0 +1,63 @@ +@media(min-width:1400px) and (max-width:1920px) { +} +@media(min-width:1200px) and (max-width:1400px) { +} +@media(max-width:1600px) { +} +@media(max-width:1200px) { +} +@media(max-width:1024px) { +} +@media(min-width:992px) and (max-width:1199px) { +} +@media(min-width:768px) and (max-width:991px) { +.isop-filter{ + margin-top: 30px; +} +} +@media(max-width:767px) { +.navbar-collapse .isop-filter{ + margin-top:0px; +} + +.isop-filter{ + margin-top: 30px; +} + +.about-me .personal-info li { +width: 100%; +} +.isop-filter li{ + width: 50%; +} +.navbar-collapse .isop-filter li{ + width:100%; +} + +.resume{ + padding:0px; +} +.side-bar{ + margin-top:30px; +} +} +@media (max-width:640px) { +} +@media(max-width:540px) { +} +@media(max-width:440px) { +.about-me .personal-info li span{ + width: 100%; + text-align: left; +} +.about-me .personal-info li p{ + text-align: left; +} +.side-bar .personal-info li span{ + width:100%; +} +} +@media(max-width:320px) { +} +@media(max-height: 700px) { +}