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

changing font size for mobile and starting work on project gallery

Browse source
This commit is contained in:
Nye Evans 2020-12-31 14:57:50 +00:00
parent ce96f8ad94
commit 34801330cb
2 changed files with 17 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

14
Mainpage.css
View file

@ -68,6 +68,11 @@ h2, h3{
font-size: 1.3vw; font-size: 1.3vw;
} }
#galleryHeader{
margin-left: 35vw;
margin-right: 35vw;
}
@media (orientation:portrait){ @media (orientation:portrait){
@ -96,7 +101,14 @@ h2, h3{
border-radius: 0; border-radius: 0;
font-size: 2.3vw; font-size: 1vw;
}
#galleryHeader{
margin-left: 0;
margin-right: 0;
border-radius: 0;
font-size: 4vw;
} }
} }

5
index.html
View file

@ -25,7 +25,10 @@
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
</h3> </h3>
<div class = "orangeBack textBox" style = "margin-left: 35vw; margin-right: 35vw;">check out my work here:</div> <div class = "orangeBack textBox" id = "galleryHeader">
check out my work here:
<div style = "font-size: 60%;">click a project to find out more</div>
</div>
<div id = "programGalleryButton" class = "orangeBorder textBox">programming projects</div> <div id = "programGalleryButton" class = "orangeBorder textBox">programming projects</div>
<div id = "artGalleryButton" class = " orangeBorder textBox">other projects</div> <div id = "artGalleryButton" class = " orangeBorder textBox">other projects</div>
</body> </body>