RoomSingle.js

const RoomSingle = () => {
    return (
        <>
            <div className="row justify-content-start mx-4 my-2 p-2" style={{ backgroundColor: "#C4C4C4" }}>
                <div className="col-2" style={{ width: "37px", height: "37px" }}><img src="/BORA.png" className="rounded-circle" style={{ width: "37px", height: "37px" }} /></div>
                <div className="col-8 m-2"> 데계 재미있는 수학과 </div>
                <div className="col-2 mt-2"> 15/34 </div>
            </div>
            <div className="row justify-content-start mx-4 my-2 p-2" style={{ backgroundColor: "#C4C4C4" }}>
                <div className="col-2" style={{ width: "37px", height: "37px" }}><img src="/BORA_LOGO.png" className="rounded-circle" style={{ width: "37px", height: "37px" }} /></div>
                <div className="col-8 m-2"> 데계 재미있는 수학과 </div>
                <div className="col-2 mt-2"> 15/34 </div>
            </div>
            <div className="row justify-content-start mx-4 my-2 p-2" style={{ backgroundColor: "#C4C4C4" }}>
                <div className="col-2" style={{ width: "37px", height: "37px" }}><img src="/image2.jpg" className="rounded-circle" style={{ width: "37px", height: "37px" }} /></div>
                <div className="col-8 m-2"> 데계 재미있는 수학과 </div>
                <div className="col-2 mt-2"> 15/34 </div>
            </div>
            <div className="row justify-content-start mx-4 my-2 p-2" style={{ backgroundColor: "#C4C4C4" }}>
                <div className="col-2" style={{ width: "37px", height: "37px" }}><img src="/BORA_LOGO.png" className="rounded-circle" style={{ width: "37px", height: "37px" }} /></div>
                <div className="col-8 m-2"> 데계 재미있는 수학과 </div>
                <div className="col-2 mt-2"> 15/34 </div>
            </div>

            <div className="row justify-content-start mx-4 my-2 p-2" style={{ backgroundColor: "#C4C4C4" }}>
                <div className="col-2" style={{ width: "37px", height: "37px" }}><img src="/BORA.png" className="rounded-circle" style={{ width: "37px", height: "37px" }} /></div>
                <div className="col-8 m-2"> 데계 재미있는 수학과 </div>
                <div className="col-2 mt-2"> 15/34 </div>
            </div>

            <div className="row justify-content-start mx-4 my-2 p-2" style={{ backgroundColor: "#C4C4C4" }}>
                <div className="col-2" style={{ width: "37px", height: "37px" }}><img src="/image2.jpg" className="rounded-circle" style={{ width: "37px", height: "37px" }} /></div>
                <div className="col-8 m-2"> 데계 재미있는 수학과 </div>
                <div className="col-2 mt-2"> 15/34 </div>
            </div>

            <div className="row justify-content-start mx-4 my-2 p-2" style={{ backgroundColor: "#C4C4C4" }}>
                <div className="col-2" style={{ width: "37px", height: "37px" }}><img src="/BORA_LOGO.png" className="rounded-circle" style={{ width: "37px", height: "37px" }} /></div>
                <div className="col-8 m-2"> 데계 재미있는 수학과 </div>
                <div className="col-2 mt-2"> 15/34 </div>
            </div>

            <div className="row justify-content-start mx-4 my-2 p-2" style={{ backgroundColor: "#C4C4C4" }}>
                <div className="col-2" style={{ width: "37px", height: "37px" }}><img src="/BORA.png" className="rounded-circle" style={{ width: "37px", height: "37px" }} /></div>
                <div className="col-8 m-2"> 데계 재미있는 수학과 </div>
                <div className="col-2 mt-2"> 15/34 </div>
            </div>

            <div className="row justify-content-start mx-4 my-2 p-2" style={{ backgroundColor: "#C4C4C4" }}>
                <div className="col-2" style={{ width: "37px", height: "37px" }}><img src="/image2.jpg" className="rounded-circle" style={{ width: "37px", height: "37px" }} /></div>
                <div className="col-8 m-2"> 데계 재미있는 수학과 </div>
                <div className="col-2 mt-2"> 15/34 </div>
            </div>
        </>
    )
};

export default RoomSingle;