I have a page displaying some text. In a normal browser it all looks good but on a phone browser the same text is separated across 3 lines but taking up most of the image with the text. My current code is
.dev-centered {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.dev-centered h3{
color:#FF1B94;
font-size: 1.6em;
font-weight: 800;
}
Here is some text in H3 being rendered here
How could i adjust the mobile version to have the text to a particular size but remain as is on a desktop web browser?