code cleanup

src/components/Media/MediaElements.jsx

@@ -120,6 +120,7 @@ export const MediaContent = styled.div`
     flex-direction: column;
     align-items: left;
     list-style-position: inside;
+
     @media screen and (max-width: 768px) {
         font-size: 14px;
     }
@@ -140,6 +141,7 @@ export const MediaRow2 = styled.div`
 export const VideoFrame = styled.div`
     width: 560px;
     height: 315px;
+
     @media screen and (max-width: 1050px) {
         width: 280px;
         height: 157px;

src/components/Media/index.jsx

@@ -1,3 +1,4 @@
+import img from "../../images/media.svg";
 import {
     Column1,
     Column2,
@@ -16,26 +17,6 @@ import {
     VideoFrame,
 } from "./MediaElements";
 
-// export const homeObjOne = {
-//     id: 'about',
-//     lightBg: false,
-//     lightText: true,
-//     lightTextDesc: true,
-//     topLine: 'Premium Bank',
-//     headline: 'Unlimited transactions with zero fees',
-//     description:
-//       'Get access to our exclusive app that allows you to send unlimited transactions without getting charged any fees',
-//     buttonLabel: 'Get Started',
-//     imgStart: false,
-//     img: require('../../images/svg-1.svg').default,
-//     alt: 'Car',
-//     dark: true,
-//     primary: true,
-//     darkText: false
-//   };
-
-import img from "../../images/media.svg";
-
 const MediaSection = () => {
     return (
         <>
@@ -69,7 +50,7 @@ const MediaSection = () => {
                                     height="100%"
                                     src="https://www.youtube.com/embed/sJXn4Cl4oww?si=Lm_hQPqj0RXy-75H&amp;controls=0"
                                     title="YouTube video player"
-                                    frameborder="2"
+                                    frameBorder="2"
                                     allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
                                     allowfullscreen
                                 ></iframe>
@@ -83,7 +64,7 @@ const MediaSection = () => {
                                     height="100%"
                                     src="https://www.youtube.com/embed/nQf4o9TDSHI?si=uMk66zLD7uhuSnQ1&amp;controls=0"
                                     title="YouTube video player"
-                                    frameborder="2"
+                                    frameBorder="2"
                                     allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
                                     allowfullscreen
                                 ></iframe>