~ / labs/css-battles/2023-10-21

21 oct 2023.

src / daily-targets / 2023-10-21.tsx

export const DailyTargets_21102023 = () => {
  return (
    <div className="bg-[#4f77ff] w-full h-full justify-center items-center flex">
      <div
        className="w-[100px] h-[100px] min-h-[100px] bg-white"
        style={{
          left: 'calc((100% - 100px) / 2)',
          top: 'calc((100% - 100px) / 2)',
        }}
      />
      <div
        className="absolute h-[50dvh] top-[50%] w-[50dvh] min-h-[200px] rounded-[100dvh]"
        style={{
          background: 'rgba(40, 78, 208, 0.9)',
        }}
      />
    </div>
  );
};