Added minified version with gulp and removed duplicate html styling

gulpfile.js

@@ -0,0 +1,18 @@
+const gulp = require('gulp');
+const plumber = require('gulp-plumber');
+const cleanCss = require('gulp-clean-css');
+const rename = require('gulp-rename');
+
+gulp.task('cleancss', () => {
+  return (
+    gulp.src('./modern-normalize.css')
+      .pipe(plumber())
+      .pipe(cleanCss())
+      .pipe(rename('modern-normalize.min.css'))
+      .pipe(gulp.dest('./'))
+  );
+});
+
+gulp.task('default', () => {
+  gulp.watch('./modern-normalize.css', ['cleancss']);
+});

modern-normalize.css

@@ -4,11 +4,13 @@
    ========================================================================== */
 
 /**
- * Use a better box model (opinionated).
+ * 1. Use a better box model (opinionated).
+ * 2. Correct the line height in all browsers.
  */
 
 html {
 	box-sizing: border-box;
+	line-height: 1.15;
 }
 
 *,
@@ -17,14 +19,6 @@ html {
 	box-sizing: inherit;
 }
 
-/**
- * Correct the line height in all browsers.
- */
-
-html {
-	line-height: 1.15;
-}
-
 /* Sections
    ========================================================================== */
 

package.json

@@ -15,7 +15,9 @@
 		"node": ">=6"
 	},
 	"scripts": {
-		"test": "stylelint modern-normalize.css"
+		"test": "stylelint modern-normalize.css",
+		"minify": "gulp cleancss",
+		"watch-minify": "gulp"
 	},
 	"files": [
 		"modern-normalize.css"
@@ -28,6 +30,10 @@
 		"style"
 	],
 	"devDependencies": {
+		"gulp": "^3.9.1",
+		"gulp-clean-css": "^3.9.2",
+		"gulp-plumber": "^1.2.0",
+		"gulp-rename": "^1.2.2",
 		"stylelint": "^8.4.0",
 		"stylelint-config-xo": "^0.5.1"
 	},