diff --git a/src/components/ImageSwiper/ImageSwiper.js b/src/components/ImageSwiper/ImageSwiper.js index 23b9dec..6768c21 100644 --- a/src/components/ImageSwiper/ImageSwiper.js +++ b/src/components/ImageSwiper/ImageSwiper.js @@ -19,6 +19,7 @@ export default function ImageSwiper({ images }) { { images.map( image => ( cool shirt brah + ))} diff --git a/src/components/Pages/About/About.css b/src/components/Pages/About/About.css index f639c12..c786a6b 100644 --- a/src/components/Pages/About/About.css +++ b/src/components/Pages/About/About.css @@ -49,4 +49,5 @@ display: flex; flex-direction: column; padding: 10px 10%; + align-items: center; } \ No newline at end of file diff --git a/src/components/Pages/Contact/Contact.js b/src/components/Pages/Contact/Contact.js index 080cf50..09a6a6a 100644 --- a/src/components/Pages/Contact/Contact.js +++ b/src/components/Pages/Contact/Contact.js @@ -4,7 +4,7 @@ import './Contact.css'; export default function Contact() { return (
- CONTACT + MaldeveraTX@gmail.com
) } \ No newline at end of file diff --git a/src/components/Pages/Merch/StoreItem/StoreItem.css b/src/components/Pages/Merch/StoreItem/StoreItem.css index bf97bde..30d9be6 100644 --- a/src/components/Pages/Merch/StoreItem/StoreItem.css +++ b/src/components/Pages/Merch/StoreItem/StoreItem.css @@ -13,6 +13,8 @@ height: 400px; width: 400px; + + position: relative; } .store-item-info { @@ -33,4 +35,22 @@ .store-item-purchase-button:hover { cursor: pointer; background-color: orange; -} \ No newline at end of file +} + + + +.next-button { + position: absolute; + top: 50%; + right: 10px; + border-radius: 40px; +} + + + +/* to place a button over an image +( to signify horizontal scrolling ), +make the image position: relative, +and the button position: absolute, +with top: 10px, left: 10px, etc +to position the button over the image */ \ No newline at end of file diff --git a/src/components/Pages/Shows/Shows.js b/src/components/Pages/Shows/Shows.js index d27ef76..d7511a5 100644 --- a/src/components/Pages/Shows/Shows.js +++ b/src/components/Pages/Shows/Shows.js @@ -4,7 +4,7 @@ import './Shows.css'; export default function Shows() { return (
- SHOWS + 2024 Dates Coming Soon..
) } \ No newline at end of file