css mobilde gizle, masaüstünde göster

Merhabalar, hayırlı bayramlar herkese..

<style type="text/css"> body {
  font-family: "Work Sans";
}

p {
  font-size: 21px;
  font-weight: 100;
  animation: hello 0.5s ease-in-out infinite;
  text-align: center;
  right: 201px;
  position: absolute;
  top: 27px;
  color: white;
}

@keyframes hello {
  0% {
    font-weight: 500;
  }
  50% {
    font-weight: 900;
  }
  100% {
    font-weight: 500;
  }
} </style>


<p>Anında Bilgi ve Fiyat Hattı:  0555 123 4567</p>

böyle bir kod var. bu internet sitesinde çalışıyor. bunu mobilde gizlemek istiyorum. internette bulduğum kodları denediğimde, yazının yapısı bozuluyor. işlem gerçekleşiyor fakat yapı bozuluyor dediğim gibi. yapıdan kastım, font 500-900 olarak değişmesi.

nasıl bir yol izlemeliyim?

yazıyı gizlemek istiyorsanız sadece;

@media screen and (max-width:568px){
p.yazi{
display:none !important;
}
}

bu şekilde bir class veya id vererek sadece o paragrafı gizleyebilirsiniz.

@media (max-width: 767px) {
    p{
       font-weight: 500;
    }
}

teşekkür ederim. internette gördüğüm kodların aynısı. dediğim gibi hata meydana geliyor. evet masaüstünde görünüp mobilde gizleniyor ama yazı özelliğini kaybediyor ve yeri değişiyor.

şifreyi versem yapma şansınız var mı?



lütfen yardım edin

Pm atın inceleyelim.