Kodlamalarımı Responsive yapıyorum ancak cep telefonumda siteyi kontrol ederken masaüstü modunu açtığımda yazılar büyük oluyor mesela 2em lik bir boyuttaysa 5em miş gözüküyor (Masaüstü sürümünde olmasına rağmen). Yardımcı olursanız sevinirim.
.section-one{
padding: 20px;
background-color: #F0F1F5;
}
.section-one h3{
margin: auto;
font-size: 2em;
font-family: 'Fjalla One', sans-serif;
font-family: 'Teko', sans-serif;
text-align: center;
}
.section-one img{
width: 100%;
}
.section-one p {
font-size: 15px;
display: block;
}
@media screen and (min-width:770px) {
.section-one {
display: grid;
grid-template-rows: 1fr 1fr;
grid-template-columns:1fr 1fr;
}
.section-one h3 {
grid-row: 1/2;
grid-column: 1/2;
}
.section-one img {
grid-row: 1/2;
grid-column:2/3 ;
}
.section-one p {
grid-row: 2/3;
grid-column: 1/3;
}
}
