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

added more to layout, and a test image

Browse source 
added some css classes, one for the main image and a spare one to add orange to anything.
This commit is contained in:
Nye Evans 2020-12-27 13:21:53 +00:00
parent 0182ccffb1
commit 4aa080aa0b
3 changed files with 51 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

46
Mainpage.css
View file

@ -18,23 +18,61 @@ body{
max-height: 100rem;
display: grid;
grid-template-columns: repeat(12, 1fr);
grid-template-rows: repeat(10, 1fr);
grid-template-rows: repeat(20, 1fr);
gap: 1%;
}
h1{
font-size: 500%;
padding-left: 6;
h1, h2, h3{
background-color: #ffa500;
background: radial-gradient(#E39823 40%, #8D5001);
border-radius: 5px;
/*url("C:/Users/Nye/Documents/GitHub/Portfolio-Site/Images/NoiseFilter.png");*/
}
h1{
font-size: 500%;
padding-left: 6;
grid-column-start: 1;
grid-column-end: 5;
grid-row-start: 2;
grid-row-end: 4;
}
h2{
padding: 5;
letter-spacing: 0.05rem;
line-height: 1.2rem;
grid-column-start: 2;
grid-column-end: 12;
grid-row-start: 8;
grid-row-end: 11;
}
.titleScreenArea{ /*the large empty space around the title*/
grid-column-start: 1;
grid-column-end: 13;
grid-row-start: 4;
grid-row-end: 8;
}
.mainImage{ /*image between first and second paragraph, only image on page but using class just incase i need another one later*/
grid-column-start: 2;
grid-column-end: 12;
grid-row-start: 12;
grid-row-end: 14;
width: 100%;
height: auto;
}
.orangeBack{ /*for anything that isnt a <h> tag*/
background-color: #ffa500;
background: radial-gradient(#E39823 40%, #8D5001);
border-radius: 5px;
}