Guten Tag Leute,
Ich habe bei meinem Window ein Problem welches ich nicht gelöst bekomme, und zwar habe ich 3 boxen erstellt und zentriert und eingestellt das alle übereinander sind, aber sobald ich ich das Fenster minimiere gehen die boxen immer weiter auseinander in der höhe aber die breite passt er genau an.
Hoffe auf schnelle Hilfe und danke im voraus.
Code
<html>
<head>
<style>
body{
display:flex;
justify-content: center;
align-items: center;
align-content: center;
width:100vw;
height:100vh;
}
.back{
display:flex;
flex-direction:column;
width: 35vw;
height: 20vw;
overflow:hidden;
border-radius:1.8vw;
}
.bluebalken{
flex:0.8;
background: rgba(0, 150, 200, 0.8);
}
.text_head{
text-align:center;
background: rgba(10, 10, 10, 0.4);
color: rgba(225,225,225,1);
flex 3;
font-size: 1.5vw;
font-family: sans-serif;
}
.text_body {
background: rgba(0, 0, 0, 0.8);
flex:10;
}
a{
position:fixed;
bottom:0;
font-size:3vw;
}
</style>
</head>
<body>
<div class="back">
<div class="bluebalken"></div>
<div class="text_head">VenoX Carflex</div>
<div class="text_body"></div>
</div>
<a href="https://css-tricks.com/snippets/css/a-guide-to-flexbox/">Link zumTutorial</a>
</body>
</html>