i am facing in css issue, let me know how can i solve it

import React, { useState } from "react";

const FeedbackSystem = () => { const [items, setItems] = useState([{ name: 'Readability', upvote: 0, downvote: 0, }, { name: 'Performance', upvote: 0, downvote: 0, }, { name: 'Security', upvote: 0, downvote: 0, }, { name: 'Documentation', upvote: 0, downvote: 0, }, { name: 'Testing', upvote: 0, downvote: 0, },]); return (

<div style={{ alignItems: 'center' }} className="my-0 mx-auto text-centerw-mx-1200">
  {items.map((item, index) => (
    <div className="flex wrap justify-content-center mt-30 gap-30 " >
      <div style={{ display: 'flex', flexDirection: 'row' }}>
        <div className="pa-10 w-300 card" >
          <h2>{item.name}</h2>
          <div className="flex my-30 mx-0 justify-content-around">
            <button className="py-10 px-15" data-testid="upvote-btn-0" onClick={
              () => {
                const updatedItems = items.map((feedback) => {
                  if (feedback.name === item.name) {
                    return { ...feedback, upvote: feedback.upvote + 1 };
                  }
                  return feedback;
                });
                setItems(updatedItems)
              }
            }>
              👍 Upvote
            </button>
            <button className="py-10 px-15 danger" data-testid="downvote-btn-0"
              onClick={
                () => {
                  const updatedItems = items.map((feedback) => {
                    if (feedback.name === item.name) {
                      return { ...feedback, downvote: feedback.downvote + 1 };
                    }
                    return feedback;
                  });
                  setItems(updatedItems)
                }
              }>
              👎 Downvote
            </button>
          </div>
          <p className="my-10 mx-0" data-testid="upvote-count-0" >
            Upvotes: <strong>{item.upvote}</strong>
          </p>
          <p className="my-10 mx-0" data-testid="downvote-count-0"  >
            Downvotes: <strong>{item.downvote}</strong>
          </p>
        </div>
      </div>
    </div>
  ))}
</div>

); };

export default FeedbackSystem;