shadow

tpopatt · Mar 11, 2024 · add65c8 · add65c8
1 parent fae870b
commit add65c8
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 5 deletions.
diff --git a/src/templates/Sponsors.tsx b/src/templates/Sponsors.tsx
@@ -8,11 +8,7 @@ const Sponsors = () => (
       alt="Better Stack"
       width={2900}
       height={2290}
-      className='rounded-lg px-4 md:px-32'
-      style={{
-        // shadow on all four sides
-        boxShadow: '0 0 10px 0 rgba(0, 0, 0, 0.1)',
-      }}
+      className='rounded-lg px-4 shadow-image-shadow md:px-32'
     />
 );
 

diff --git a/tailwind.config.js b/tailwind.config.js
@@ -14,6 +14,9 @@ module.exports = {
       '6xl': '4rem',
     },
     extend: {
+      boxShadow: {
+        'image-shadow': '0 0 10px 10px rgba(0, 0, 0, 0.3);',
+      },
       colors: {
         primary: {
           100: '#E6F6FE',