v2.5.2
Giriş yap

HTML LAYOUT YARDIM

drunkeinstein
499 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
1268 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%;