+ Reply Thread
#1

Am in need of Serious Hep on my front end design.. after coding it i discovered that the text does not reduce on mobile device like andriod. or other smart phones.. the css Below

.about_us p{ padding-top: 50px; font-size: 22px; color: #fff; line-height: 30px; font-family: 'Dosis', sans-serif; } .about_us .text-center{ font-size: 30px; font-weight: 800; padding-top: 70px; font-family: 'PT Sans', sans-serif; }


i tried using Media Screen but it didn't work Any solution Pls??

#2

The first thing I need to remind you of is that you need to do this in your mobile page.

Add this to your head tag to tell the browser to follow your own scaling:

  <meta name="viewport" content="width=device-width, initial-scale=1">

The second is that you may need to avoid using pixels and do stuffs like this:

p {
  font-size: 1.4rem;
}

Try these ideas and let us have a feedback.


#3
It cool now on mobile. But am not on PC now... I will check the PC view later tanks for this code
#4
I can't share image why?
#5

oh that, sharing of image something is still work in progress. As a matter of fact, I am going to be altering this editor very soon. There are some browser crash issues i am getting.

#6
I think this is cool. Great board.
Back to top