status-im
/
consul
mirror of https://github.com/status-im/consul.git
2
0
Fork 0
Code Issues Projects Releases Wiki Activity

website - homepage cta section responsive styling

This commit is contained in:
RJ Spiker 2018-06-15 14:29:07 -06:00 committed by Jack Pearkes
parent feb0426eaf
commit df7298059a
1 changed files with 17 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

20
website/source/assets/stylesheets/consul-connect/pages/_home.scss
View File

@ -70,13 +70,28 @@
.home-cta-section { .home-cta-section {
color: $white; color: $white;
display: flex;
@media (min-width: 768px) {
display: flex;
}
& > div { & > div {
display: flex; display: flex;
justify-content: center; justify-content: center;
padding: 64px 24px;
overflow: hidden; overflow: hidden;
width: 50%;
@media (min-width: 768px) {
padding-top: 80px;
padding-bottom: 80px;
width: 50%;
}
@media (min-width: 992px) {
padding-top: 96px;
padding-bottom: 96px;
width: 50%;
}
&:first-child { &:first-child {
background: $consul-red; background: $consul-red;
@ -104,7 +119,6 @@
display: flex; display: flex;
flex-direction: column; flex-direction: column;
max-width: 564px; max-width: 564px;
padding: 96px 0;
text-align: center; text-align: center;
width: 100%; width: 100%;
z-index: 1; z-index: 1;