formatted slideshows for mobile (font may need tweaking))
This commit is contained in:
parent
26e97431d6
commit
95a4ab3e3a
2 changed files with 60 additions and 1 deletions
|
@ -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;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue