Change banner style according to width (#12810)

hslee2008 · web-flow · commit 6a547d7e17cf · 2022-06-03T14:39:06.000+02:00
diff --git a/website/src/pages/index.module.css b/website/src/pages/index.module.css
@@ -33,13 +33,13 @@ div[class^='announcementBarContent'] a:hover {
 }
 
 @media only screen and (max-width: 768px) {
-  .announcement {
+  div[class^='announcementBarContent'] {
     font-size: 18px;
   }
 }
 
 @media only screen and (max-width: 500px) {
-  .announcement {
+  div[class^='announcementBarContent'] {
     font-size: 15px;
     line-height: 22px;
     padding: 6px 30px;

Original file line number	Diff line number	Diff line change
`@@ -33,13 +33,13 @@ div[class^='announcementBarContent'] a:hover {`
`33`	`33`	`}`
`34`	`34`
`35`	`35`	`@media only screen and (max-width: 768px) {`
`36`		`- .announcement {`
	`36`	`+ div[class^='announcementBarContent'] {`
`37`	`37`	`font-size: 18px;`
`38`	`38`	`}`
`39`	`39`	`}`
`40`	`40`
`41`	`41`	`@media only screen and (max-width: 500px) {`
`42`		`- .announcement {`
	`42`	`+ div[class^='announcementBarContent'] {`
`43`	`43`	`font-size: 15px;`
`44`	`44`	`line-height: 22px;`
`45`	`45`	`padding: 6px 30px;`