hallo
Hallo Robert,
was meinst du damit genau? Dieser Bereich soll später auf meiner Seite als einzelner Bereich dargestellt werden z.B. für eine Produkt-Vorschau oder auf ein Hinweis auf ein Event.
Ich habe noch etwas geändert:
https://codepen.io/anon/pen/WgGBazBis bald!
Meowsalot (Bernd)
h3 sollte eventuell ein button sein?
#about {
display:flex;
flex-flow:column;
justify-content:center;
max-width: 60.500em;
margin: 0 auto;
background-color: #efefef;
padding: 4em 6em;
height: 60vh;
background: linear-gradient(rgba(30,30,30,0.75), rgba(30,30,30,0.75), rgba(30,30,30,0.75)), url(https://images.unsplash.com/photo-1509635164051-5584296265cd?ixlib=rb-0.3.5&ixid=eyJhcHBfaWQiOjEyMDd9&s=14cdb08a207bcc4c4969409a1ce90898&auto=format&fit=crop&w=1052&q=80);
background-repeat: no-repeat;
background-size: cover;
color: #fff;
}
#about h2 {
font-size: 6vw; /* passt auf mobiles*/
margin: -20px 0 0 0;
text-transform: uppercase;
}
#about h3 {
font-size: 1em;
font-weight: bold;
}
#about p {
margin-left: 13vw; /* passt auf mobiles */
}