fix: updated responsive layout

akshatmittal61 · Nov 20, 2023 · b491e49 · b491e49
1 parent 42f18e7
commit b491e49
Showing 1 changed file with 16 additions and 4 deletions.
diff --git a/styles/config/_responsive.scss b/styles/config/_responsive.scss
@@ -18,7 +18,7 @@
 	height: 100%;
 }
 
-@include responsive(bigDesktop) {
+@include responsive(extra-large-desktop) {
 	.row {
 		& .col-xlg {
 			@for $i from 1 through 100 {
@@ -30,7 +30,7 @@
 	}
 }
 
-@include responsive(desktop) {
+@include responsive(large-desktop) {
 	.row {
 		& .col-lg {
 			@for $i from 1 through 100 {
@@ -42,7 +42,7 @@
 	}
 }
 
-@include responsive(tablet) {
+@include responsive(desktop) {
 	.row {
 		& .col-md {
 			@for $i from 1 through 100 {
@@ -54,7 +54,7 @@
 	}
 }
 
-@include responsive(phone) {
+@include responsive(tablet) {
 	.row {
 		& .col-sm {
 			@for $i from 1 through 100 {
@@ -65,3 +65,15 @@
 		}
 	}
 }
+
+@include responsive(phone) {
+	.row {
+		& .col-xsm {
+			@for $i from 1 through 100 {
+				&-#{$i} {
+					width: #{$i}#{"%"};
+				}
+			}
+		}
+	}
+}