rushilwiz/website-2018
1
0
Fork 0
mirror of https://github.com/tjsga/website-2018.git synced 2025-04-20 19:20:17 -04:00
Code Issues Actions Packages Projects Releases Wiki Activity

update photo and some css

Browse Source
This commit is contained in:
William Zhang 2017-09-04 19:29:26 -04:00
parent 141eb8cdd0
commit bb77e36843
2 changed files with 23 additions and 18 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
css/main.css
View File

@ -191,33 +191,23 @@ section h2,
#intro-text {
text-align: center;
}
#intro-text {
width: calc(50% - 8vw);
flex-grow: calc(50% - 8vw);
margin: 0 2vw;
}
#intro-image {
text-align: center;
width: calc(50% - 8vw);
margin: 0 2vw;
padding-top: calc(5% + 2.1em);
flex-grow: calc(50% - 8vw);
}
#intro-image>img {
margin-top: calc(83px + 2.1em);
width: 100%;
}
#tweets {
#tweets, #feedback {
text-align: center;
width: calc(50% - 8vw);
margin: 0 2vw;
}
#feedback {
text-align: center;
width: calc(50% - 8vw);
flex-grow: calc(50% - 8vw);
margin: 0 2vw;
}

21
css/responsive.css
View File

@ -29,7 +29,7 @@
}
}
@media screen and (max-width: 1100px) {
@media screen and (max-width: 1150px) {
#dome:after {
background-position-y: 5vh;
background-size: 100%;
@ -90,6 +90,15 @@
.sponsor-intro {
flex-basis: calc(50% - 4vw);
}
#intro-image {
margin: 0 2vw;
}
#intro-image > img {
margin-top: 1.2em;
}
#tweets, #feedback {
margin: 0 2vw;
}
}
@media screen and (max-width: 1000px) {
@ -109,8 +118,6 @@
@media screen and (min-width: 1100px) {
#intro-text,
#intro-image,
#tweets,
#feedback,
.list,
.links {
max-width: 550px;
@ -128,6 +135,14 @@
}
@media screen and (min-width: 1800px) {
#intro-text,
#intro-image,
#tweets,
#feedback,
.list,
.links {
width: 100%;
}
#letter {
font-size: 1.4em;
}