From d8db72427757bd278d74e3dd0a520be093b2e6af Mon Sep 17 00:00:00 2001
From: jagnani73 <yashjagnani73@gmail.com>
Date: Thu, 8 Jul 2021 20:54:24 +0530
Subject: [PATCH] =?UTF-8?q?=F0=9F=90=9B=20full=20width=20issue?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 package.json  |  2 +-
 src/index.tsx | 18 +++++++++++++++---
 2 files changed, 16 insertions(+), 4 deletions(-)

diff --git a/package.json b/package.json
index a65a42c..4ffca55 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "react-easy-marquee",
-  "version": "1.1.3",
+  "version": "1.1.4",
   "homepage": "https://jagnani73.github.io/react-easy-marquee",
   "description": "A marquee component for React using CSS.",
   "author": {
diff --git a/src/index.tsx b/src/index.tsx
index e939907..c9b401b 100644
--- a/src/index.tsx
+++ b/src/index.tsx
@@ -27,6 +27,7 @@ const Marquee = ({
       style={{
         display: "flex",
         overflow: "hidden",
+        alignItems: "center",
         position: "relative",
         backgroundColor: background || "transparent",
         height: height || "5rem",
@@ -34,14 +35,25 @@ const Marquee = ({
       }}
     >
       {offsetValues.map((offset) => (
-        <div key={offset}>
+        <section
+          key={offset}
+          style={{
+            whiteSpace: "nowrap",
+            overflow: "hidden",
+            position: "absolute",
+            alignItems: "center",
+            display: "flex",
+            minWidth: "100%",
+            minHeight: "100%",
+          }}
+        >
           <Animation reverse={reverse} offset={offset} axis={axis} />
 
           <div
             style={{
               width: "100%",
               height: "100%",
-              position: "absolute",
+              whiteSpace: "nowrap",
               display: "flex",
               overflow: "hidden",
               justifyContent: "space-around",
@@ -65,7 +77,7 @@ const Marquee = ({
           >
             {children}
           </div>
-        </div>
+        </section>
       ))}
     </div>
   );