Remixon REMIXON SPEED 2.40M 20-60GR TELE KAMIŞ BLUE Standart-BLUE

/* Genel mobil uyumlu stil */ body { font-family: sans-serif; margin: 0; padding: 10px; background-color: #f4f4f4; } /* Tablo kapsayıcısı ve tablo stili */ .table-container { overflow-x: auto; /* Yatay kaydırma çubuğu ekler (mobil uyumluluk için önemli) */ margin-bottom: 20px; } table { width: 100%; border-collapse: collapse; /* Kenarlıkları birleştir */ min-width: 600px; /* Küçük ekranlarda bile okunabilirliği korumak için minimum genişlik */ box-shadow: 0 2px 5px rgba(0,0,0,0.1); } /* Başlık stili (Turuncu arka plan) */ th { background-color: #ff8c00; /* Turuncu */ color: white; padding: 12px 8px; text-align: center; border: 1px solid #e07b00; font-size: 14px; /* Mobil için font boyutunu küçült */ white-space: nowrap; /* Başlıkların tek satırda kalmasını sağlar */ } /* Veri satırı stili */ td { background-color: #f0f0f0; /* Açık gri */ color: #333; padding: 10px 8px; text-align: center; border: 1px solid #ccc; font-size: 14px; } /* Alternatif satır rengi (varsa) */ /* tr:nth-child(even) td { background-color: #e9e9e9; } */ /* İlk sütundaki hücrelere özel stil (Görseldeki gibi kod hücresi) */ tr td:first-child { font-weight: bold; } /* Mobil cihazlar için özel stil (600px altı) */ @media screen and (max-width: 600px) { table { /* min-width: 100%; Bu satır, yatay kaydırmayı devre dışı bırakıp hücreleri daraltır, bu yüzden genellikle overflow-x: auto ile birlikte kullanılmaz. Yatay kaydırmayı tercih ediyoruz. */ } th, td { padding: 8px 5px; /* Daha az dolgu */ font-size: 12px; /* Fontu daha da küçült */ } }