css mobil, tablet, masa üstü css ayarlamak istiyorum.

Merhaba arkadaşlar css'de bir konuda takıldım yardımcı olursanız sevinirim.

.bb-post-meta - etiketini 3 şekilde kullanmak istiyorum.

mobil'de ayrı tablet'de ayrı ve masa üstün'de ayrı istiyorum bootsrap bir türlü yapamadım.

.bb-post-meta{font-size:16px;line-height:1em; margin-left: 19.5%;} // mobil olması gerekiyor.

.bb-post-meta{font-size:16px;line-height:1em; margin-top: 5%;} // tablet olması gerekiyor.

.bb-post-meta{font-size:16px;line-height:1em;}  // masa üstü olması gerekiyor.

Bunu nasıl yapabilirim?

Merhaba,

Mobil

@media only screen and (max-width: 720px) {
.bb-post-meta{font-size:16px;line-height:1em; margin-left: 19.5%;} 
}

Tablet

@media only screen and (min-width: 720px) and (max-width: 1024px) {
.bb-post-meta{font-size:16px;line-height:1em; margin-top: 5%;} 
}

Masaüstü

@media only screen and (min-width: 1024px)  {
.bb-post-meta{font-size:16px;line-height:1em;} 
}

@memobeyle;

Yardımın için teşekkür ederim böyle oldu çok sağol.

Rica ederim, iyi çalışmalar..