Çö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.108
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
    13,4 KB · Görüntüleme: 336
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.
 
Bu siteyi kullanmak için çerezler gereklidir. Siteyi kullanmaya devam etmek için çerezleri kabul etmelisiniz. Daha Fazlasını Öğren.…