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

31 oct 2023.

canvas 400 × 300cssbattle.dev ↗
src / daily-targets / 2023-10-31.tsx
export const DailyTargets_31102023 = () => {
  return (
    <div className="bg-[#763258] w-full h-full">
      <div className="absolute w-[60px] h-[60px] bg-[#F067A6] top-[60px] left-[230px]" />
      <div className="absolute w-[30px] h-[30px] bg-[#763258] top-[90px] left-[230px]" />

      <div className="absolute w-[60px] h-[60px] bg-[#F067A6] top-[180px] left-[110px]" />
      <div className="absolute w-[30px] h-[30px] bg-[#763258] top-[210px] left-[110px]" />

      <div className="absolute w-[60px] h-[60px] bg-[#FAD5E5] top-[60px] left-[110px]" />
      <div className="absolute w-[30px] h-[30px] bg-[#763258] top-[90px] left-[110px]" />

      <div className="absolute w-[60px] h-[60px] bg-[#FAD5E5] top-[120px] left-[170px]" />
      <div className="absolute w-[30px] h-[30px] bg-[#763258] top-[150px] left-[170px]" />

      <div className="absolute w-[60px] h-[60px] bg-[#FAD5E5] top-[180px] left-[230px]" />
      <div className="absolute w-[30px] h-[30px] bg-[#763258] top-[210px] left-[230px]" />
    </div>
  );
};