update src/components/CardDesign3/index.js

src/components/CardDesign3/index.js

@@ -7,13 +7,13 @@ import profilePic4 from "./images/profilePic4.svg";
 import profilePic5 from "./images/profilePic5.svg";
 import pen from "./pen.svg";
 
-const CardDesign3 = ({ items }) => {
+const CardDesign3 = ({ items, num }) => {
   return (
     <>
-      {items.map((item, index) => (
+      {items.slice(0, num).map((item, index) => (
         <div
           key={index}
-          className="flex flex-row items-center p-4 bg-[#F8F8F8] border border-[#BCBCBC] rounded"
+          className="flex flex-row items-center p-4 bg-[#F8F8F8] border border-[#BCBCBC] rounded mt-7"
         >
           {/* right */}
           <div className="flex flex-row items-center flex-1 ">
@@ -50,6 +50,8 @@ const CardDesign3 = ({ items }) => {
 export default CardDesign3;
 
 CardDesign3.defaultProps = {
+  num: 5,
+
   items: [
     {
       profilePic: profilePic1,