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

Compare commits

base: maximx1:af10417192f7e9e747806ead0aa1317959472671
Branches Tags
maximx1:develop
..
compare: maximx1:aac2727acfcea3661af4251442b631242d2fcde8
Branches Tags
maximx1:develop

No commits in common. "af10417192f7e9e747806ead0aa1317959472671" and "aac2727acfcea3661af4251442b631242d2fcde8" have entirely different histories.
af10417192 ... aac2727acf

1 changed files with 3 additions and 5 deletions
Show Stats Expand all files Collapse all files

8
src/photoDisplays/PhotoGrid.scss
View File

@ -12,8 +12,8 @@
left: 50%; left: 50%;
top: 50%; top: 50%;
transform: translate(-50%, -50%); transform: translate(-50%, -50%);
max-height: 100%; height: auto;
max-width: 100%; width: 100%;
} }
} }
} }
@ -21,7 +21,6 @@
@media only screen and (min-width: 1500px) { @media only screen and (min-width: 1500px) {
.photo-grid { .photo-grid {
.photo-grid-thumb-container { .photo-grid-thumb-container {
height: 200px;
width: 23%; width: 23%;
} }
} }
@ -31,7 +30,6 @@
@media only screen and (max-width: 1499px) and (min-width: 1000px) { @media only screen and (max-width: 1499px) and (min-width: 1000px) {
.photo-grid { .photo-grid {
.photo-grid-thumb-container { .photo-grid-thumb-container {
height: 200px;
width: 30%; width: 30%;
} }
} }
@ -40,7 +38,6 @@
@media only screen and (max-width: 999px) and (min-width: 700px) { @media only screen and (max-width: 999px) and (min-width: 700px) {
.photo-grid { .photo-grid {
.photo-grid-thumb-container { .photo-grid-thumb-container {
height: 200px;
width: 44%; width: 44%;
} }
} }
@ -49,6 +46,7 @@
@media only screen and (max-width: 699px) { @media only screen and (max-width: 699px) {
.photo-grid { .photo-grid {
.photo-grid-thumb-container { .photo-grid-thumb-container {
margin: 10px 10px 0 10px; margin: 10px 10px 0 10px;
width: 100%; width: 100%;
} }