Info.js

import User from "../Room/User";

const Info = () => {
  return (
    <div className="container" style={{ background: "#FCF4FF" }}>
      <div
        className="row justify-content-center  mx-1"
        style={{ fontSize: "25px", fontWeight: "bold" }}
      >
        CHERRY #0805
      </div>
      <div className="row">
        <div className="col-3"></div>
        <div className="col-6 my-5">
          <h2 className="mb-3" style={{ fontSize: "13px", fontWeight: "bold" }}>
            이름
          </h2>
          <h2 className="mb-4 mt-2" style={{ fontSize: "25px", fontWeight: "bold" }} >김채린</h2>
          <h2
            className="mb-3 mt-2"
            style={{ fontSize: "13px", fontWeight: "bold" }}
          >
            전화번호
          </h2>
          <h2 className="mb-3 mt-2" style={{ fontSize: "25px", fontWeight: "bold" }}>010-8628-8984</h2>
        </div>
        <div className="col"></div>
      </div>
    </div>
  );
};

export default Info;