diff --git a/ppq-frontend/src/Card.tsx b/ppq-frontend/src/Card.tsx
index 1324be7..322a693 100644
--- a/ppq-frontend/src/Card.tsx
+++ b/ppq-frontend/src/Card.tsx
@@ -23,7 +23,7 @@ export const Card = ({
 	console.log(filepath);
 	return (
 		<div className="flex flex-row justify-center grow">
-			<div className="rounded-xl shadow-xl max-w-96 min-w-lg p-8 border border-solid border-stone-100 bg-neutral-100">
+			<div className="rounded-xl shadow-xl max-w-96 sm:min-width-full md:min-width-full p-8 border border-solid border-stone-100 bg-neutral-100">
 				<img className="pb-4" src={"/uploads/" + filepath} />
 				<p className="font-bold text-xl">{title}</p>
 				<p className="text-lg italic">
diff --git a/ppq-frontend/src/CreateEditPostPage.tsx b/ppq-frontend/src/CreateEditPostPage.tsx
index ebbb7c7..4f7eef1 100644
--- a/ppq-frontend/src/CreateEditPostPage.tsx
+++ b/ppq-frontend/src/CreateEditPostPage.tsx
@@ -153,7 +153,7 @@ export const CreateEditPostPage = ({ isCreate = false }: CreateEditProps) => {
 
 	return (
 		<div className="flex flex-row justify-center grow">
-			<div className="rounded-xl shadow-xl max-w-96 min-w-lg p-8 border border-solid border-stone-100 bg-neutral-100">
+			<div className="rounded-xl shadow-xl max-w-96 p-8 border border-solid border-stone-100 bg-neutral-100">
 				<div className="flex flex-col gap-4">
 					<p className="text-3xl font-bold">{headerTitle}</p>
 					{isCreate ? (