Skip to content

Google News responsive design fix by rugby

Screenshot of Google News responsive design fix
Write a review Install Get Stylus

Details

Authorrugby

LicenseMIT license

Categorynews.google.com

Created

Updated

Code size541 B

Code checksum18967758

Statistics

Learn how we calculate statistics in the FAQ.

Failed to fetch stats.

Description

The new version of Google News is not responsive on small desktop screens. Let's fix it!

Notes

Userstyle doesn't have notes.

Source code

/* ==UserStyle==
@name         Google News responsive design fix
@version      1.0.0
@namespace    rugby
@license      MIT
==/UserStyle== */

@-moz-document domain("news.google.com") {
@media (max-width: 1080px) {
  main {
    width: calc(100% - 40px) !important;
    margin-left: 16px !important;
    margin-right: 16px !important;
  }
  main > c-wiz {
    max-width: 100% !important;
  }
}
@media (max-width: 800px) {
  main > div > c-wiz > section > div:nth-child(n+2) {
    grid-column: span 12 !important;
  }
}
}

Reviews

No reviews yet.