Se que Flexbox y CSS Grid hacen una gran diferencia hoy en día en el diseño y que implementarlo pensando en soporte para navegadores antiguos no es tan difícil, basta ver los consejos que trae Jen Simmons en su serie Resilient CSS

Normalmente en mis proyectos reutilizo las siguientes clases:

html {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box; }

*, *:before, *:after {
	-webkit-box-sizing: inherit;
	-moz-box-sizing: inherit;
	box-sizing: inherit;
	margin: 0;
	padding: 0; }

body {
	font-family: 'Lato', 'Helvetica', 'Arial', sans-serif;
	font-size: 16px;
	line-height: 1.7; }

.container {
	margin: 0 auto;
	display: block;
	width: 90%; }

img {
	max-width: 100%; }
w
.half {
	display: inline-block;
	vertical-align: top;
	margin-right: -4px;
	width: 50%; }

.third {
	display: inline-block;
	vertical-align: top;
	margin-right: -4px;
	width: 33.3333%; }

.fourth {
	display: inline-block;
	vertical-align: top;
	margin-right: -4px;
	width: 25%; }

Y de esta forma puedo construir casi cualquier sitio con soporte para IE8+ porque tanto inline-block como box-sizing soportan estas propiedades.