Kolja KoljaL

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;
}

	// Target state
	var tx = 0;
	var ty = 0;
	var scale = 1;

	function visualiseTargetState() {
	box.style.transform = `translate(${tx}px, ${ty}px) scale(${scale})`;
	}

	[
	{
	"name": "SofleKeyboard",
	"author": "Josef Adamcik",
	"switchMount": "cherry"
	},
	[
	{
	"y": 0.2,
	"x": 3,

	<?PHP
	/*
	* Sort Next/Previous Post Link Buttons Alphabetically
	*/
	function filter_next_post_sort($sort) {
	if (get_post_type($post) == 'portfolio_page') {
	$sort = "ORDER BY p.post_title ASC LIMIT 1";
	}
	else{
	$sort = "ORDER BY p.post_date ASC LIMIT 1";

	<?php
	//* remove the first slash to toggle the enabled code
	$time = microtime( true );
	/*/
	$time = microtime();
	/**/

	// thanks @lamemind