Çözüldü HTML/CSS - kutular yan yana koyulmuyor

Bu konu çözüldü olarak işaretlenmiştir. Çözülmediğini düşünüyorsanız konuyu rapor edebilirsiniz.

Iskenderun

Kilopat
Katılım
1 Aralık 2020
Mesajlar
8.102
Makaleler
1
Çözümler
62
Yer
Iskenderun
HTML/CSS ile web site kodluyorum.

Görsellere eklediğim resimde: Alttaki 3 resmi ortaya almak istiyorum ve mobil uyumunu ise ekran küçüldükçe aşağı doğru sıralanmasını istiyorum. Bunu nasıl yapabilirim?

Kod:
 <div class="row">
<div class="col-sm col-md col-lg col-xl col-xxl">
<div class="hizmetkutu">
ss.
</div>

<div class="hizmetkutu">
ss.
</div>
<div class="hizmetkutu">
ss.
</div>
</div>
</div>

Kod:
.hizmetkutu {
width: 25%;
height: 85%;
border: 2px solid red;
margin-top: 150px;
border-radius: 15px;
float: left;
color: white;
}

Yukarı kodları kullandım hiçbir şekilde yapamadım. Yardımcı olursanız sevinirim.
 

Dosya Ekleri

  • Ekran Alıntısı.PNG
    Ekran Alıntısı.PNG
    13,4 KB · Görüntüleme: 330
Son düzenleyen: Moderatör:
-webkit-background-size: cover; bu kod hocam.
webkit Safari ve Chrome için geçerli niteliklerdir. background-size ise arkaplan boyutunu ayarlar. Bu değer cover olduğunda arka plan öğesi, arka planı kaplayacak şekilde yerleştirilir.
 

Yeni konular

Geri
Yukarı