diff --git a/.idea/inspectionProfiles/Project_Default.xml b/.idea/inspectionProfiles/Project_Default.xml
new file mode 100644
index 0000000..0d26d75
--- /dev/null
+++ b/.idea/inspectionProfiles/Project_Default.xml
@@ -0,0 +1,6 @@
+
+
+
+
+
+
\ No newline at end of file
diff --git a/src/components/ProjectGrid.scss b/src/components/ProjectGrid.scss
index 35fec5d..9f1fe9a 100644
--- a/src/components/ProjectGrid.scss
+++ b/src/components/ProjectGrid.scss
@@ -1,6 +1,6 @@
@import "~include-media/dist/_include-media.scss";
-$breakpoints: (x-small: 430px, small: 660px, medium: 1000px, large: 1300px, x-large: 1560px, xx-large: 1900px);
+$breakpoints: (x-small: 520px, small: 760px, medium: 1100px, large: 1400px, x-large: 1560px, xx-large: 2000px);
// Override Sass min()
@function min($numbers...) {
@@ -21,25 +21,25 @@ $breakpoints: (x-small: 430px, small: 660px, medium: 1000px, large: 1300px, x-la
margin: 10px;
padding-left: 5px;
padding-right: 5px;
- //background: var(--grid-background);
+ //background: var(--grid-background);
- @include media(">=medium") {
+ @include media(">=medium") {
width: 95%;
margin: auto;
}
- @include media(">=large") {
+ @include media(">=large") {
width: 90%;
margin: auto;
}
- @include media(">=x-large") {
+ @include media(">=x-large") {
width: 85%;
margin: auto;
}
- @include media(">=xx-large") {
+ @include media(">=xx-large") {
width: 80%;
max-width: 1900px;
margin: auto;
@@ -76,8 +76,7 @@ $breakpoints: (x-small: 430px, small: 660px, medium: 1000px, large: 1300px, x-la
#project-grid {
- //padding: 10px;
-
+ margin: auto;
@include media("<=x-small") {
.GridSizer, .OneWide, .FourByOne, .Medium {
width: 100%;
@@ -86,7 +85,7 @@ $breakpoints: (x-small: 430px, small: 660px, medium: 1000px, large: 1300px, x-la
@include media(">x-small", "=small", "=large", "
-