CSS Responsive Sorunu [Çözüm'e R10+] - Sayfa 2

22-04-2020, 00:06:05

#10

Geokomplo

Olmadıysa web site adresinizi gönderin, canlı yapalım.

22-04-2020, 00:08:16

#11

MilleniumAI

mustafaaslan adlı üyeden alıntı: mesajı görüntüle

@media only screen and (max-width: 768px) {
 .social-block a,  .social-block audio{
 width:100%;
display:block;
  }
}

gibi mesela bu sadece mobilde alt alta getirir onları

Hocamın dediği gibi, ayrıca bootstrap ile çok kolayca yapabilirsiniz bir bakın derim.

22-04-2020, 00:18:30

#12

truvacreative

Sağolsun @Geokomplo; yardımcı oluyor, ilginiz için teşekkür ederim arkadaşlar, allah razı olsun.

22-04-2020, 00:20:25

#13

fikretk

İyi yine çok fazla saçmalamamışım

Pek vakıf değiliz bizimkisi sadece yardım gayesiyle söylenmiş bir fikirdi

html css yeni başladık

22-04-2020, 18:05:10

#14

sefacandemir

Her hangi bir framework kullanmadan yapmak istiyorsanız sizin için yazdım. Tamamen tahmin ederek yazdım kontrol edebileceğim veya ön izleyebileceğim bir ortam olursa daha sağlıklı olur. Aşağıdaki sınıfları kendi sınıflarınza ek olarak ekleyin. Yapamazsanız AnyDesk veya Teamviewer aracılığı ile yardımcı olabilirim.

.shareblock{
   display:flex;
   flex-flow:row nowrap;
   align-items:center;
}

.social-block{
   display:flex;
   flex-flow:row nowrap;
   justify-content:flex-end;
   align-items:center;
   margin-left:auto;
}

@media only screen and(max-width:992px){

  .shareblock{
     flex-flow:column wrap;
  }

   .social-block,
   .left-block{
     width:100%;
   }

  .left-block{
     text-align:center;
   }

  .social-block{
     flex-flow:column wrap;
     justify-content:center;
  }

}