maximx1/photo-portfolio
1
0
Fork 0
Code Issues 20 Pull Requests Projects Releases Wiki Activity

[#3] Enabled margins instead of stiff width page. Added a baboon since I was thinking about it.

Browse Source
This commit is contained in:
Justin Walrath 2022-05-30 15:13:38 -04:00
parent 64cade591b
commit b9a266f2d5
3 changed files with 8 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
public/images/6.jpg Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 19 MiB

8
src/photoDisplays/PhotoGrid.scss
View File

@ -3,12 +3,10 @@
justify-content: center; justify-content: center;
flex-direction: row; flex-direction: row;
flex-wrap: wrap; flex-wrap: wrap;
width: 1000px; margin-left: 50px;
margin-left: auto; margin-right: 50px;
margin-right: auto;
.photo-grid-thumb-container { .photo-grid-thumb-container {
width: 300px; max-width: 30%;
height: 200px;
margin: 10px; margin: 10px;
.photo-grid-thumb { .photo-grid-thumb {
position: relative; position: relative;

10
src/sections/Portfolio.jsx
View File

@ -30,11 +30,11 @@ const images = [{
imagePath: 'images/5.jpg', imagePath: 'images/5.jpg',
thumbPath: 'images/5.jpg' thumbPath: 'images/5.jpg'
}, },
// { {
// id: 6, id: 6,
// imagePath: 'images/6.jpg', imagePath: 'images/6.jpg',
// thumbPath: 'images/6.jpg' thumbPath: 'images/6.jpg'
// }, },
{ {
id: 7, id: 7,
imagePath: 'images/7.jpg', imagePath: 'images/7.jpg',