BodyPage.tsx

import React from "react";
import { Link, Outlet } from "react-router-dom";

export default function BodyPage() {
    return (
        <div className="flex flex-col">
            <div className="flex px-5 py-5">
                <div className="flex w-full bg-emerald-400 rounded">Theme</div>
            </div>
            <div className="flex flex-col h-96 px-5 py-5 md:flex-row">
                <div className="flex px-5 py-5">
                    <div className="w-full h-20 md:h-full bg-gray-400 rounded">Citylist</div>
                </div>
                <div className="flex px-5 py-5 md:w-full">
                    <div className="w-full h-96 bg-red-400 rounded">Pic</div>
                </div>
            </div>
        </div>
    );

}