Mobil görünüm

Selamlar, html sitede bir fiyat tablosu oluşturdum fakat mobilden girince tablo doğal olarak patlamış oluyor.

css tarafında kodlar var.

Kodlar şu şekilde div = .snip1207

@media only screen and (max-width: 767px) {
  .snip1207 .plan {
    width: 50%;
    border-radius: 0 !important;
  }
  .snip1207 .featured {
    margin-top: 0;
    border-radius: 0;
  }
  .snip1207 .featured .plan-title {
    padding: 15px;
  }
  .snip1207 .featured .plan-select {
    padding: 30px 10px;
  }
}
@media only screen and (max-width: 440px) {
  .snip1207 .plan {
    width: 100%;
  }
}

Bu tablonun telefondan girince görünmesi için ne eklemem lazım title altına <meta name="viewport" content="width=device-width, initial-scale=1.0"> bunu da ekledim.

Yardımcı olabilecek var mı?

Teşekkürler

Bizim sitede de aynı sorun vardı tablolar mobil görünümde aşağıya doğru uzayıp gidiyordu şimdilik çözüm bulamadık

Valla hocam bilemiyorum zaten fiyat tablosu oluştururken çok uğraştım nicepage den yaptım fakat mobilde patlıyor..