diff --git a/public/images/6.jpg b/public/images/6.jpg new file mode 100644 index 0000000..56788dc Binary files /dev/null and b/public/images/6.jpg differ diff --git a/src/photoDisplays/PhotoGrid.scss b/src/photoDisplays/PhotoGrid.scss index 6b7a8f3..72099c7 100644 --- a/src/photoDisplays/PhotoGrid.scss +++ b/src/photoDisplays/PhotoGrid.scss @@ -3,12 +3,10 @@ justify-content: center; flex-direction: row; flex-wrap: wrap; - width: 1000px; - margin-left: auto; - margin-right: auto; + margin-left: 50px; + margin-right: 50px; .photo-grid-thumb-container { - width: 300px; - height: 200px; + max-width: 30%; margin: 10px; .photo-grid-thumb { position: relative; diff --git a/src/sections/Portfolio.jsx b/src/sections/Portfolio.jsx index 851faaa..1fc3c14 100644 --- a/src/sections/Portfolio.jsx +++ b/src/sections/Portfolio.jsx @@ -30,11 +30,11 @@ const images = [{ imagePath: 'images/5.jpg', thumbPath: 'images/5.jpg' }, -// { -// id: 6, -// imagePath: 'images/6.jpg', -// thumbPath: 'images/6.jpg' -// }, +{ + id: 6, + imagePath: 'images/6.jpg', + thumbPath: 'images/6.jpg' +}, { id: 7, imagePath: 'images/7.jpg',