DressOrc/Portfolio
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

removed secondary gallery, replaced filler with actual text

Browse source 
almost done!
This commit is contained in:
Nye Evans 2021-01-04 18:24:33 +00:00
parent c096339b44
commit 3556ba1a36
3 changed files with 35 additions and 69 deletions
Download patch file Download diff file Expand all files Collapse all files

60
pages/mainpage.css
View file

@ -17,7 +17,7 @@ body{
h1, h2, h3, h4{
font-size: clamp(12px, 1vw, 50px);
font-size: clamp(18px, 1.4vw, 70px);
padding: 1.3vh;
}
@ -71,18 +71,6 @@ button{
font-size: 1.3vw;
}
.galleryDescriptor{
font-size: 1vw;
vertical-align: text-bottom;
grid-column:2/13;
grid-row: 1;
padding-left: 7px;
font-size: clamp(13px, 1vw, 40px);
}
#galleryHeader{
margin-left: 35vw;
margin-right: 35vw;
@ -93,7 +81,7 @@ button{
#programGallery{
display: grid;
grid-template-columns: repeat(12, 1fr);
grid-template-rows: repeat(11, 1fr);
grid-template-rows: repeat(10, 1fr);
height: 70vh;
width: 70vw;
@ -106,26 +94,10 @@ button{
margin-top: 10vh;
}
#personalGallery{
display: grid;
grid-template-columns: repeat(12, 1fr);
grid-template-rows: repeat(11, 1fr);
height: 70vh;
width: 70vw;
min-width: 800px;
min-height: 500px;
margin-left: auto;
margin-right: auto;
margin-bottom: 10vh;
margin-top: 10vh;
}
.galleryImage{ /*all images should be 700x700*/
grid-column: 2/8;
grid-row: 3/12;
grid-row: 2/12;
object-fit: cover;
@ -143,7 +115,7 @@ img.galleryImage{
.galleryTitle{
grid-column: 2/12;
grid-row: 2;
grid-row: 1;
padding: 5px;
@ -160,7 +132,7 @@ img.galleryImage{
.galleryCaption{
grid-column: 8/12;
grid-row: 3/12;
grid-row: 2/12;
border-radius: 0;
border-bottom-right-radius: 5px;
@ -174,13 +146,13 @@ img.galleryImage{
.galleryLeftArrow{
grid-column: 1;
grid-row: 6/7;
grid-row: 5/6;
font-size: 7vw;
}
.galleryRightArrow{
grid-column: 12;
grid-row: 6/7;
grid-row: 5/6;
font-size: 7vw;
}
@ -222,9 +194,11 @@ button:focus {
}
h2, h3{
h2, h3, h4{
margin-top: 10vh;
margin-bottom: 10vh;
margin-left: auto;
margin-right: auto;
min-width: inherit;
max-width: inherit;
@ -250,14 +224,6 @@ button:focus {
margin-right: 0;
}
#personalGallery{
height: 70vh;
width: 100%;
margin-left: 0;
margin-right: 0;
}
.galleryDescriptor{
grid-column: 1/13;
}
@ -315,6 +281,12 @@ button:focus {
grid-row: 13;
font-size: 7vw;
}
#socialBar{
position: static;
font-size: 3vw;
}
}