100px
200px
300px
400px
500px
600px
700px
800px
900px
1000px
1100px
1200px
1300px
1400px
1500px
1600px
1700px
1800px
1900px
2000px
This has to be done at the bottom of the style sheet after normal CSS crap
Sample Paragraph change @ 1000 px MAX
Sample Paragraph Change @ 700 px MAX
Sample Paragraph Change @ 500 px MAX
@media only screen and (max-width: 500px){ .warningParagraph{ font-size: 15px; } } @media only screen and (max-width: 700px){ .warningParagraph{ font-size: 20px; } } @media only screen and (max-width: 1000px){ .warningParagraph{ font-size: 25px; } }