diff --git a/src/components/charCard.js b/src/components/charCard.js
index 397851c..c6f42fa 100644
--- a/src/components/charCard.js
+++ b/src/components/charCard.js
@@ -5,7 +5,7 @@ const { v4: uuidv4 } = require("uuid");
 export const CharCard = (props) => {
   const { name, image, gender, status } = props;
   return (
-  <div className= "p-1 col-3">
+  <div className= "p-1 col-md-3 col-xs-12 col-sm-6">
     <Card style={{ width: '18rem' }} key={uuidv4()}>
     <Card.Img variant="top" src={image} />
     <Card.Body>