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

01 oct 2023.

canvas 400 × 300cssbattle.dev ↗
src / daily-targets / 2023-10-01.tsx
export const DailyTargets_01102023 = () => {
  return (
    <div className="bg-[#050044] w-full h-full">
      <div
        className="absolute bg-[#ed6a9d] top-0 left-0"
        style={{
          width: 'calc(50% - 25px)',
          height: 'calc(50% - 25px)',
        }}
      />
      <div
        className="absolute bg-[#ed6a9d] top-0 right-0"
        style={{
          width: 'calc(50% - 25px)',
          height: 'calc(50% - 25px)',
        }}
      />
      <div
        className="absolute bg-[#ed6a9d] bottom-0 left-0"
        style={{
          width: 'calc(50% - 25px)',
          height: 'calc(50% - 25px)',
        }}
      />
      <div
        className="absolute bg-[#ed6a9d] bottom-0 right-0"
        style={{
          width: 'calc(50% - 25px)',
          height: 'calc(50% - 25px)',
        }}
      />
    </div>
  );
};