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", " -