Change mobile text size

[JamiePattison]

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?

[Beverleyh]

I think you might want to look in to media queries.

[carazig]

Thank you

[SFlex]

+1 Beverleyh I think Media Queries are OK for this (@media directive in CSS) :)

[Author]

Posts