CSS Window Auflösung/Position

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.

Der hier verwendete 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>

Add Comment

* Required information
1000
Drag & drop images (max 3)
Powered by Commentics

Comments

No comments yet. Be the first!