diff --git a/README.md b/README.md
index f843749..d4bdf8e 100644
--- a/README.md
+++ b/README.md
@@ -6,8 +6,8 @@ This framework allows for three different types of banners:
### Row
To define a group of banners:
-1. Create a `
` with the class of `banners`. Each `
` in the list will be turned into a banner.
-2. OPTIONAL: Insert an `` at the starting of each `
` with the `src` pointing to the `first.svg` file included in this repository. This will put a FIRST logo on the banner. This can be done for all three methods of declaring a banner.
+1. Create a `
` with the class of `banners`. Each `
` in the list will be turned into a banner.
+2. OPTIONAL: Insert an `` at the starting of each `
` with the `src` pointing to the `first.svg` file included in this repository. This will put a FIRST logo on the banner. This can be done for all three methods of declaring a banner.
3. Fill the rest of each `
` with the name of the award. Well, technically, you can put any content you want in it. But the name of the award is probably best.
### Individual banner
diff --git a/banners.css b/banners.css
index e2f85ed..014f6a0 100644
--- a/banners.css
+++ b/banners.css
@@ -11,19 +11,12 @@
padding: 0;
box-sizing: border-box;
}
-.banners {
- display: block;
- height: 200px;
- padding: 0;
-}
.banner-parent {
- width: 100vw;
+ width: 100%;
overflow: scroll;
}
.banner-parent .banners {
width: auto;
- text-align: center;
- margin: 0 auto;
white-space: nowrap;
}
.banners li,
@@ -39,7 +32,7 @@
background: #0f4bcb;
color: white;
padding: 10px;
- white-space: normal;
+ white-space: normal
}
.banners img,
.banner img {
@@ -62,4 +55,7 @@
.banner,
.banner:after {
-webkit-filter: drop-shadow(0 10px 5px rgba(0, 0, 0, .1));
+ filter: url('data:image/svg+xml;charset=utf-8,#filter');
+ -webkit-filter: drop-shadow(0 10px 5px rgba(0, 0, 0, .1));
+ filter: drop-shadow(0 10px 5px rgba(0, 0, 0, .1));
}
\ No newline at end of file
diff --git a/screenshot.png b/screenshot.png
index 35aed52..4c1aefa 100644
Binary files a/screenshot.png and b/screenshot.png differ