Jacopo Colò jacopocolo

58 bytes of CSS to look great nearly everywhere

When making this website, i wanted a simple, reasonable way to make it look good on most displays. Not counting any minimization techniques, the following 58 bytes worked well for me:

main {
  max-width: 38rem;
  padding: 2rem;
  margin: auto;
}

	import * as React from "react";

	/**
	A hook to simply use state between components
	Warning: this only works with function components (like any hook)

	Usage:

	// You can put this in an central file and import it too
	const useStore = createStore({ count: 0 })

	* {
	font-size: 12pt;
	font-family: monospace;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	color: black;
	cursor: default;
	}

	// ==UserScript==
	// @name Overcast.fm Keyboard Shortcuts
	// @namespace http://your.homepage/
	// @version 0.2
	// @description Space bar to play/pause, left/right arrow to seek forward/backward.
	// @author @thatmarvin
	// @match https://overcast.fm/+*
	// @grant none
	// ==/UserScript==

	<!DOCTYPE html>
	<meta charset=utf-8>
	<meta name=viewport content="width=device-width, initial-scale=1, maximum-scale=1">
	<meta name=apple-mobile-web-app-capable content=yes>
	<meta name=apple-mobile-web-app-status-bar-style content=black>
	<title>Test fullscreen</title>
	<style>
	html, body {
	margin: 0;
	padding: 0;

	ing
	er
	a
	ly
	ed
	i
	es
	re
	tion
	in