Gebruiker:Msj/Zandbak/styles.css
< Gebruiker:Msj | Zandbak
.cf:before,
.cf:after {
content: " ";
display: table;
}
.cf:after {
clear: both;
}
.hoofding,
.footer,
.one,
.two,
.three {
width: 100%;
padding: 80px 0;
color: white;
font-family: sans-serif;
text-align: center;
}
.hoofding {
background: magenta;
}
.hero {
background: linear-gradient( rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5) ), url("https://upload.wikimedia.org/wikipedia/commons/9/97/Congo_painting_4.jpg");
background-size: 100%;
height:8em;
padding:2em;
font-size:1.5em;
line-height:2em;
text-shadow: .1em .1em #444444;
color: white;
font-family: sans-serif;
text-align: left;
overflow-y: hidden;
padding-bottom:4em;
}
.footer {
background:grey;
}
.one {
background: red;
}
.two {
background: blue;
}
.three {
background: green;
}
@media (min-width: 768px) {
.hero {
font-size:2em;
}
.one-two {
float: left;
width: 66.6666%;
}
.one,
.two {
float: right;
width: 50%;
}
.three {
float: left;
width: 33.3333%;
}
}