v2.5.2
Giriş yap

HTML LAYOUT YARDIM

drunkeinstein
576 defa görüntülendi

bir header tanımladım width değeri olarak 100% verdim
sonra içine 3 ayrı div tanımlayıp onlarada px üzerinden değerler verdim fakat ekranı küçültünce içindeki divler ekrandan taşıyor genişlik olarak bunu nasıl engelleyebilirim. Ekran küçülürken onlar da küçülsün.

helloworld
1458 gün önce
Sanırım yei başlamışsın bunu yapabilmek için css flexbox derslerine bakabilirsin ben senin için örnek hazırladım
<header class="header">
    <div class="flex"></div>
    <div class="flex"></div>
    <div class="flex"></div>
</header>
*{
padding: 0; /* Bunları senin istediğin gibi tam kaplasın diye yaptım bilmiyosan yapmana gerek yok */
margin: 0;
box-sizing: border-box;
}
.header{
width: 99%;
color: red;
display: flex;
justify-content: space-around;

.flex{
color: red;
width: 33%;