Fix banner image colors

paty-oliveira · paty-oliveira · commit 02f4de70f548 · 2023-08-08T15:07:16.000+01:00
diff --git a/src/index.html b/src/index.html
@@ -73,7 +73,7 @@
       class="container white center"
       style="padding: 128px 16px"
     >
-      <img id="jumbo-image" src="./banner-image.png" />
+      <img id="jumbo-image" src="./banner-image.png" alt="Banner image" />
       <h1 class="margin jumbo">Want to test your software dev skills?</h1>
       <a href="#signup" class="button blue padding-large large margin-top"
         >Sign Up</a
diff --git a/src/styles.css b/src/styles.css
@@ -669,7 +669,7 @@ form > span {
 
 #jumbo-image {
   max-height: 20rem;
-  /* TODO: Invert banner colors using CSS */
+  filter: invert(100%);
 }
 
 @media screen and (max-width: 600px) {

Original file line number	Diff line number	Diff line change
`@@ -73,7 +73,7 @@`
`73`	`73`	`class="container white center"`
`74`	`74`	`style="padding: 128px 16px"`
`75`	`75`	`>`
`76`		`- <img id="jumbo-image" src="./banner-image.png" />`
	`76`	`+ <img id="jumbo-image" src="./banner-image.png" alt="Banner image" />`
`77`	`77`	`<h1 class="margin jumbo">Want to test your software dev skills?</h1>`
`78`	`78`	`<a href="#signup" class="button blue padding-large large margin-top"`
`79`	`79`	`>Sign Up</a`
Original file line number	Diff line number	Diff line change
`@@ -669,7 +669,7 @@ form > span {`
`669`	`669`
`670`	`670`	`#jumbo-image {`
`671`	`671`	`max-height: 20rem;`
`672`		`- /* TODO: Invert banner colors using CSS */`
	`672`	`+ filter: invert(100%);`
`673`	`673`	`}`
`674`	`674`
`675`	`675`	`@media screen and (max-width: 600px) {`