Çö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.

453476

Megapat
Katılım
1 Aralık 2020
Mesajlar
8.177
Makaleler
1
Çözümler
62
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: 444
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.
 
Uyarı! Bu konu 5 yıl önce açıldı.
Muhtemelen daha fazla tartışma gerekli değildir ki bu durumda yeni bir konu başlatmayı öneririz. Eğer yine de cevabınızın gerekli olduğunu düşünüyorsanız buna rağmen cevap verebilirsiniz.

Technopat Haberler

Yeni konular

Geri
Yukarı