Using CSS and Other Tools for Digital Wellbeing

Prelude: Web vs Mobile

Hiding Inboxes

div[aria-label="Conversations"] {
display: none;

Removing Distracting Elements in Publications

display: none;

More Focused Email

.AO {
position: absolute;
top: 0px;
left: 0px;
width: 80vw;
height: 90vh;
padding: 5vh 10vw;
.aiw, .aeN, .aeH, .aKh, .aeG {
display: none;
div[aria-label="Side panel"] {
display: none;

Bonus: Take Advantage of Settings!



  1. A friend noted that a browser extension exists that does this and more!
  2. To see all keyboard shortcuts in Gmail, just type: ⇧ + ? (shift and question mark).




Love podcasts or audiobooks? Learn on the go with our new app.

Recommended from Medium

Discover The Recent features that have been added to PHP 7.2

“Randomness” in Ruby

Flutter Audio And Video app [Task 1]

Using Google Cloud Run

Fixing a Ubuntu Dual Boot with a Reinstall.

Alternate title: How to interview a company

Dofollow Profile Creation Sites

Tracking Down an ETS-related Memory Leak

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store


More from Medium

5 CSS Customization Tricks to Take your Squarespace Website to the Next Level

How to view local file(html/css) in iPhone

CSS units in a nutshell.

CSS Lesson 3: The Basics of Backgrounds