css: fix small screen formatting

dscho · dscho · commit 407aa9a4ff7f · 2017-06-02T14:32:54.000+02:00
This was made fantastically easy by using the excellent project at https://github.com/mattkersley/Responsive-Design-Testing Signed-off-by: Johannes Schindelin <johannes.schindelin@gmx.de>
diff --git a/css/small.css b/css/small.css
@@ -100,7 +100,7 @@
 	}
 
 	.feature h2 {
-		font-size: 1.6em;
+		font-size: 1.1em;
 	}
 
 	.feature article {
@@ -115,8 +115,13 @@
 		width: 30%;
 	}
 
+	.featurebutton {
+		width: 40%;
+	}
+
 	nav ul {
-		float: none;
+		float: right;
+		margin-top: 0;
 	}
 	footer h1 {
 		display: none;
@@ -133,7 +138,7 @@
 	}
 
 	.feature h2 {
-		font-size: 1.6em;
+		font-size: 1em;
 	}
 
 	.feature article {

Original file line number	Diff line number	Diff line change
`@@ -100,7 +100,7 @@`
`100`	`100`	`}`
`101`	`101`
`102`	`102`	`.feature h2 {`
`103`		`- font-size: 1.6em;`
	`103`	`+ font-size: 1.1em;`
`104`	`104`	`}`
`105`	`105`
`106`	`106`	`.feature article {`
`@@ -115,8 +115,13 @@`
`115`	`115`	`width: 30%;`
`116`	`116`	`}`
`117`	`117`
	`118`	`+ .featurebutton {`
	`119`	`+ width: 40%;`
	`120`	`+ }`
	`121`	`+`
`118`	`122`	`nav ul {`
`119`		`- float: none;`
	`123`	`+ float: right;`
	`124`	`+ margin-top: 0;`
`120`	`125`	`}`
`121`	`126`	`footer h1 {`
`122`	`127`	`display: none;`
`@@ -133,7 +138,7 @@`
`133`	`138`	`}`
`134`	`139`
`135`	`140`	`.feature h2 {`
`136`		`- font-size: 1.6em;`
	`141`	`+ font-size: 1em;`
`137`	`142`	`}`
`138`	`143`
`139`	`144`	`.feature article {`