~ / labs/css-battles/2023-07-02

02 jul 2023.

canvas 400 × 300cssbattle.dev ↗
src / daily-targets / 2023-07-02.tsx
export const DailyTargets_02072023 = () => {
  return (
    <div className="bg-[#998235] w-full h-full">
      <div className="absolute w-[100px] h-[100px] top-[100px] left-[150px] bg-[#0B2429]" />
      <div className="absolute w-[120px] h-[120px] rounded-full top-[90px] left-[56px] bg-[#998235]" />
      <div className="absolute w-[120px] h-[120px] rounded-full top-[90px] left-[224px] bg-[#998235]" />
      <div className="absolute w-[120px] h-[120px] rounded-full top-[6px] left-[140px] bg-[#998235]" />
      <div className="absolute w-[120px] h-[120px] rounded-full top-[90px] bg-[#998235]" />
      <div className="absolute w-[120px] h-[120px] rounded-full top-[174px] left-[140px] bg-[#998235]" />
      <div className="absolute w-[60px] h-[60px] rounded-full top-[35px] left-[170px] bg-[#0B2429]" />
      <div className="absolute w-[60px] h-[60px] rounded-full top-[205px] left-[170px] bg-[#0B2429]" />
      <div className="absolute w-[60px] h-[60px] rounded-full top-[120px] left-[85px] bg-[#0B2429]" />
      <div className="absolute w-[60px] h-[60px] rounded-full top-[120px] left-[255px] bg-[#0B2429]" />
    </div>
  );
};