• 10-07-2022, 10:18:17
    #1
    İmzadaki sitenin manşet alanında responsive sorunu var ve düzeltemedim. Görseldeki gibi mobil'de metinler 2. bir satır oluşturması gerekirken taşıyorlar, hangi CSS düzenlemesini yapmam gerekiyor bulamadım.

  • 10-07-2022, 10:24:42
    #2
    Pixel değil '%' şeklinde scale tanımanız durumunda muhtemelen çözülür. Ya da 'rem' kullanın
  • 10-07-2022, 10:44:17
    #3
    republican adlı üyeden alıntı: mesajı görüntüle
    Pixel değil '%' şeklinde scale tanımanız durumunda muhtemelen çözülür. Ya da 'rem' kullanın
    Sabit değer verirsem nasıl responsive olacak ki hocam. Taşanın alt satıra inmesi gerekiyor sadece alan kullanımı düzgün görünüyor anlamadım.

  • 10-07-2022, 11:49:38
    #4
    republican adlı üyeden alıntı: mesajı görüntüle
    Pixel değil '%' şeklinde scale tanımanız durumunda muhtemelen çözülür. Ya da 'rem' kullanın
    ismaildondu adlı üyeden alıntı: mesajı görüntüle
    Zaten bir metini böyle kullanmak tasarımsal açıdan yanlış sans-serif fontlarda uzun yazılar güzel görünmez o yüzden

    Yazının kapsaması gereken alan burası çok az padding vermeniz gerek aynı zamanda fontun kalınlığınıda biraz azaltın fotoğrafa backgrounda gradient verin alttan ışıyacak şekilde güzel olur
    sorunuz ise widthin %sini ayarlayacaksınız block elementi sonuçta % verirseniz widthe düzelir veya flexboxdan başka bir colum oluşturun %50 %50 verin yine aynı sonuç
    Valla hocam hem masaüstü güzel olacak, hem mobil güzel olacak, hem az kod olacak hem de güzel görünecek deyince birinden biri sıkıntı oluyor ve feragat etmek gerekiyor. Aslında BURADAKİ demodaki manşet alanından esinlendim ama işte takıldım kaldım o metin alanında, diğer önerilerinize geçmeden önce böyle yapmaya çalışıyorum.
  • 10-07-2022, 11:52:01
    #5
    SkyGhostAir adlı üyeden alıntı: mesajı görüntüle
    Valla hocam hem masaüstü güzel olacak, hem mobil güzel olacak, hem az kod olacak hem de güzel görünecek deyince birinden biri sıkıntı oluyor ve feragat etmek gerekiyor. Aslında BURADAKİ demodaki manşet alanından esinlendim ama işte takıldım kaldım o metin alanında, diğer önerilerinize geçmeden önce böyle yapmaya çalışıyorum.

    Ben şöyle bir şey yaptım şimdi burada textin clası
    width: 70%;
    padding: 15px 10px;
    ama siz media query ile o bozulan boyutlarda fontun yazı boyutunu küçülteceksiniz veya gerekli işlemleri yapacaksınız
    ama sizin isimlendirmenizde yanlış o tarz yazıya yazılacak yazılarda


    böyle şeyler yazılmaz en fazla Kedi Kısırlaştırma Ücretleri yazarsınız böyle bir şey yok yani
  • 10-07-2022, 17:00:42
    #6
    white-space: nowrap;

    Bu kod varsa silin
  • 11-07-2022, 00:10:53
    #7
    Kimlik doğrulama veya yönetimden onay bekliyor.
    Bu arada isterseniz text truncate kullanabilirsiniz. Yazı dışarı taşmak yerine otomatikmen sonuna … ekler