diff --git a/src/components/ProjectGrid.scss b/src/components/ProjectGrid.scss index e1126e5..6fc2816 100644 --- a/src/components/ProjectGrid.scss +++ b/src/components/ProjectGrid.scss @@ -202,10 +202,22 @@ $breakpoints: (x-small: 520px, small: 760px, medium: 1100px, large: 1400px, x-la flex-direction: column; width: available; + .image { + margin-bottom: 5px; + width: 100%; + max-width: 225px; + } + img { width: 100%; margin-bottom: 5px; } + + .GridElementInternal { + display: flex; + flex-direction: column; + align-items: center; + } } .Medium { @@ -214,10 +226,18 @@ $breakpoints: (x-small: 520px, small: 760px, medium: 1100px, large: 1400px, x-la margin-bottom: 5px; } + .image { + max-width: 225px; + } + @include media("