Merge pull request #91 from MichiganDataScienceTeam/bugfix-aspect

(bug) fix image aspect ratio
MichiganDataScienceTeam · Sep 9, 2024 · 95dc745 · 95dc745
2 parents 33a079e + dab923b
commit 95dc745
Showing 1 changed file with 4 additions and 4 deletions.
diff --git a/components/communityImages.jsx b/components/communityImages.jsx
@@ -15,8 +15,8 @@ export default function CommunityImages({ images, basePath }) {
   };
 
   return (
-    <div className="flex flex-col items-center mx-auto max-w-6xl">
-      <div className="relative w-full">
+    <div className="items-center mx-auto max-w-6xl">
+      <div className="relative">
         <button
           onClick={prevImage}
           className="absolute left-0 top-1/2 transform -translate-y-1/2 bg-gray-500 text-white p-2 rounded"
@@ -26,8 +26,8 @@ export default function CommunityImages({ images, basePath }) {
         <div
           style={{
             margin: "auto",
-            width: "1000px",
-            height: "600px",
+            width: "85%",
+            aspectRatio: 16 / 9,
           }}
         >
           <img