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