Commit 25272fe2 authored by Zhou Fang's avatar Zhou Fang Committed by Eric Poirier
Browse files

Modified styles based on feedback

parent 47662e38
.header-theiacon-2021-event { .header-theiacon-2021-event {
@media (min-width: 768px) { @media (min-width: 768px) {
background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)),
url('images/theiacon/theia-background-image.jpg'); url('images/theiacon/theia-background-image.jpg');
background-position: center; background-position: center;
} }
background-image: linear-gradient(rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3)), background-image: linear-gradient(rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)),
url('images/theiacon/theia-mobile-background-image.jpg'); url('images/theiacon/theia-mobile-background-image.jpg');
background-position: top 20% left; background-position: top 20% left;
background-size: cover; background-size: cover;
...@@ -26,21 +26,33 @@ ...@@ -26,21 +26,33 @@
} }
} }
.headerCtn { .headerCtn {
@media (min-width: 768px) {
align-items: flex-end;
}
display: flex;
flex-direction: column;
align-items: center;
h1 { h1 {
@media (min-width: 768px) { @media (min-width: 768px) {
text-align: end;
margin: 60px 0 0; margin: 60px 0 0;
width: 260px;
text-align: left;
}
@media (min-width: 992px) {
width: 355px;
} }
margin-top: -15px; margin-top: -15px;
text-align: center; text-align: center;
} }
h2 { h2 {
@media (min-width: 992px) {
font-size: 26px;
}
@media (min-width: 768px) { @media (min-width: 768px) {
text-align: end;
margin: 0 0 40px; margin: 0 0 40px;
text-align: left;
width: 260px;
}
@media (min-width: 992px) {
font-size: 26px;
width: 355px;
} }
text-align: center; text-align: center;
font-size: 20px; font-size: 20px;
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment