Php css hakkında küçük bir soru

Arkadaşlar merhabalar. Küçük bir sorum olacak yardımcı olursanız çok sevinirim.

Ben sitem de h3 taglı bir başlıgımın boyutunu ayarlıyorum bilgisayarda güzel gözüküyor fakat telefonda başlık pc de oldugu gibi büyük gözüküyor buda kötü görüntü sergiliyor..

Ben bu başlıgı telefon için nasıl farklı boyutlandırabilirim acaba? Bilgisayarda size 36px olmasını istiyorum telefonda ise 23. Size style.css dosyasında ki kodu atıyorum yardımcı olursanız cok cok sevinirim.

.section-header h3 {  
font-size: 36px;  
text-align: center;  
font-weight: 700;  
position: relative;
}

Bu kaynağı inceleyebilirsin hocam http://www.sercanaslan.net/css-respo...ive-ornekleri/

Responsive olması gerekli farklı ekranlarda boyutun farklı görünmesini istiyorsanız
@media only screen and (max-width: 600px)* gibi internette birçok örnek mevcut denerseniz telefondan kod yollayamiyorumda


https://www.w3schools.com/css/css_rwd_mediaqueries.asp

Mi A2 cihazımdan Tapatalk kullanılarak gönderildi

.section-header h3 {
font-size: 36px;
text-align: center;
font-weight: 700;
position: relative;
}


@media only screen and (max-width: 600px) {


.section-header h3 {
font-size: 23px;
text-align: center;
font-weight: 700;
position: relative;
}


}

Siz cansınız çok teşekkür ederim