readable head image before bg image gets loaded

aksakalli · web-flow · commit 3ca369ed90a5 · 2017-05-05T22:11:40.000+02:00
diff --git a/css/main.scss b/css/main.scss
@@ -21,6 +21,7 @@ body {
   margin-bottom: 46px;
 }
 .header-container {
+  background-color: black;
   background: linear-gradient( rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2) ), url('../img/bg.jpg') no-repeat 50% 0;
   color: #fff;
 

Original file line number	Diff line number	Diff line change
`@@ -21,6 +21,7 @@ body {`
`21`	`21`	`margin-bottom: 46px;`
`22`	`22`	`}`
`23`	`23`	`.header-container {`
	`24`	`+ background-color: black;`
`24`	`25`	`background: linear-gradient( rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2) ), url('../img/bg.jpg') no-repeat 50% 0;`
`25`	`26`	`color: #fff;`
`26`	`27`