Skip to content

Instantly share code, notes, and snippets.

@kunukn
Last active April 7, 2021 03:00
Show Gist options
  • Select an option

  • Save kunukn/f31bfe3c907760a01a04 to your computer and use it in GitHub Desktop.

Select an option

Save kunukn/f31bfe3c907760a01a04 to your computer and use it in GitHub Desktop.
/* 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%;
}
}
@tom-rawson

Copy link
Copy Markdown

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

@BradKML

BradKML commented Apr 7, 2021

Copy link
Copy Markdown

Seconded

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment