formatted slideshows for mobile (font may need tweaking))

This commit is contained in:
Nye Evans 2021-01-01 14:22:26 +00:00
parent 26e97431d6
commit 95a4ab3e3a
2 changed files with 60 additions and 1 deletions

View file

@ -202,6 +202,65 @@ h2, h3{
border-radius: 0;
font-size: 3vw;
}
#programGallery{
height: 70vh;
width: 100%;
margin-left: 0;
margin-right: 0;
}
#personalGallery{
height: 70vh;
width: 100%;
margin-left: 0;
margin-right: 0;
}
.GalleryImage{ /*all images should be 700x700*/
grid-column: 1/13;
grid-row: 2/7;
border-bottom-left-radius: 0;
object-fit: cover;
width: 100%;
height: 100%;
}
.GalleryTitle{
grid-column: 1/13;
grid-row: 1;
padding: 5px;
font-size: 5vh;
border-radius: 0;
}
.GalleryCaption{
grid-column: 1/13;
grid-row: 7/12;
border-radius: 0;
font-size: 3.2vw;
}
.GalleryLeftArrow{
grid-column: 1;
grid-row: 11;
font-size: 7vw;
}
.GalleryRightArrow{
grid-column: 12;
grid-row: 11;
font-size: 7vw;
}
}