/* small */
@media screen and (max-width: 35.5em) {
h1, h2 {
font-size: 70%;
}
}
/* medium */
@media screen and (max-width: 48em) {
h1, h2 {
font-size: 80%;
}
}
/* large */
@media screen and (max-width: 64em) {
h1, h2 {
font-size: 90%;
}
}
/* extra large */
@media screen and (min-width: 80em) {
h1, h2 {
font-size: 100%;
}
}
Screen size snippet for easy customization on different screens.
Be the first to comment
You can use [html][/html], [css][/css], [php][/php] and more to embed the code. Urls are automatically hyperlinked. Line breaks and paragraphs are automatically generated.