Last active
April 7, 2021 03:00
-
-
Save kunukn/f31bfe3c907760a01a04 to your computer and use it in GitHub Desktop.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| /* Responsive design, smallest device first */ | |
| #rendered .title::after { | |
| content: ' - Phone'; | |
| } | |
| @media (min-width: 480px) { | |
| #rendered .title::after { | |
| content: ' - Phone large'; | |
| } | |
| #rendered { | |
| width: 96%; | |
| font-size: 110%; | |
| } | |
| } | |
| @media (min-width: 768px) { | |
| #rendered .title::after { | |
| content: ' - Tablet'; | |
| } | |
| #rendered { | |
| width: 80%; | |
| font-size: 120%; | |
| } | |
| } | |
| @media (min-width: 992px) { | |
| #rendered .title::after { | |
| content: ' - Desktop'; | |
| } | |
| #rendered { | |
| width: 70%; | |
| font-size: 130%; | |
| } | |
| #rendered li { | |
| margin: 0.5em; | |
| } | |
| } | |
| @media (min-width: 1200px) { | |
| #rendered .title::after { | |
| content: ' - Desktop large'; | |
| } | |
| #rendered { | |
| width: 60%; | |
| font-size: 140%; | |
| } | |
| } |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
i was trying to usee this css for my south African news daily website on google news but they said it has syntax errors, how do I get a better code, please