1
0
mirror of https://github.com/bigchaindb/site.git synced 2024-12-24 02:16:10 +01:00

don't flexbox all .section, fixes wide screen row issue

This commit is contained in:
Matthias Kretschmann 2016-02-10 01:52:10 +01:00
parent 2e51285423
commit 65b6a68c7d

View File

@ -2,6 +2,7 @@
.section {
padding-top: ($spacer * 2);
padding-bottom: ($spacer * 2);
min-height: 420px;
&:last-child { border-bottom: none; }
@ -9,17 +10,6 @@
// don't affect layout
overflow: hidden;
// vertically center everything
display: flex;
align-items: center;
min-height: 420px;
flex-wrap: wrap;
// HEADS UP!
// this fixes wrng wrapping of rows following each other
// BUT only in Chrome & Firefox, it destroys complete layout in Safari
//flex-flow: column;
.row {
flex: 0 0 100%;
}
@ -118,6 +108,11 @@
background: url('../img/northern-lights-poster.jpg') no-repeat center center;
background-size: cover;
.row {
position: relative;
z-index: 5;
}
.section-title,
.section-description,
.header__title {