• 03-05-2022, 23:35:03
    #1
    Öneçıkarılan içerikler için ana sayfaya bir manşet alanı yaptım ancak hangi CSS ile istediğimi yapabileceğimi bilmiyorum. Sorun kutucukların içerisindeki görselleri sığdırma ve ortalama. Tam olarak dikey ve yatay olarak orantılı bir ortalama yapmak istiyorum, böylece kenarlarda boş alanlar görünmeyecek. Ayrıca responsive tarafında taşmanın da önüne geçmek istiyorum.

    Mesela Masaüstünde şurada boşluk kalıyor;


    Tablete geçtiğimde ise 4'lü taşıp üst üste geliyor;

    Mobilde ise şöyle bir sorun yaşıyorum;
  • 03-05-2022, 23:39:34
    #2






    Class'a width: 100%; vermeniz yeterli
  • 03-05-2022, 23:40:57
    #3
    bootstrap kullanıyorsan img fluid
  • 03-05-2022, 23:43:29
    #4
    Mobilde ise





    Media etiketi vererek, grid-first a { height: 100%; }
    yazmanız yeterli olacak. Diğerleri için ise consoledan tek tek gidebilirsiniz hocam. Komple bir düzenleme isterseniz Whatsapp'dan yazın yardımcı olayım
  • 05-05-2022, 19:53:00
    #5
    mhcifci adlı üyeden alıntı: mesajı görüntüle






    Class'a width: 100%; vermeniz yeterli

    Hocam böyle yapınca yükseklik de artıyor ve tasarım bozuluyor, daha dar bir görsel yüklenince daha yüksek bir alan oluşmasına falan sebep oluyor. Mesela oraya width: 100%; verince 380px olan yükseklik 382.69px oluyor.
  • 05-05-2022, 19:56:36
    #6
    mhcifci adlı üyeden alıntı: mesajı görüntüle
    Mobilde ise





    Media etiketi vererek, grid-first a { height: 100%; }
    yazmanız yeterli olacak. Diğerleri için ise consoledan tek tek gidebilirsiniz hocam. Komple bir düzenleme isterseniz Whatsapp'dan yazın yardımcı olayım
    Mobilde grid a için height: 200px; vermiştim, height: 100%; veremiyorum o yüzden.
  • 05-05-2022, 23:13:37
    #7
    ERP
    Kimlik doğrulama veya yönetimden onay bekliyor.
    Grid yerine flex kullanabilirsiniz.
  • 11-05-2022, 10:08:58
    #8
    ERP adlı üyeden alıntı: mesajı görüntüle
    Grid yerine flex kullanabilirsiniz.

    Aynen. En temizi flexbox.