Media Summary: I started with my best solution which is againe using box shadow. I tried using borders as well but it was ten characters longer. I did a linear gradient for this and then adjusted the position and repeat for the body. Final character count: 172. I went with a quicker solution today rather that a good one. Margin collapse or the lack thereof tripped me up for a minute but I got ...

Css Battle Daily Target Donut - Detailed Analysis & Overview

I started with my best solution which is againe using box shadow. I tried using borders as well but it was ten characters longer. I did a linear gradient for this and then adjusted the position and repeat for the body. Final character count: 172. I went with a quicker solution today rather that a good one. Margin collapse or the lack thereof tripped me up for a minute but I got ... Just a speed run today so not the best solution but it will have to do. Border and radial gradient. Final character count: 155.

Photo Gallery

CSS Battle Daily Target - Donut Hole
CSSBattle | #160 Donut
CSSBattle for JULY 20 (2026)
CSS Battle Daily Target - Linear Mosaic
CSS Battle - Daily Targets 18th September 2023 99.9% solution | CSS Challenge
CSS Battle - Daily Targets 16th September 2023 solution | CSS Challenge
CSSBattle for JULY 19 (2026)
CSS Battle Daily Target - Round Bug
CSSBattle for JULY 15 (2026)
CSS Battle Solution | Target 160 - Donut | CSS3 | CSS Challenge
CSS Battle Daily Targets September 2 | 100% match solution
CSS Battle Solution - Targets #160. Donut.
View Detailed Profile
CSS Battle Daily Target - Donut Hole

CSS Battle Daily Target - Donut Hole

I started with my best solution which is againe using box shadow. I tried using borders as well but it was ten characters longer.

CSSBattle | #160 Donut

CSSBattle | #160 Donut

CSSBattle

CSSBattle for JULY 20 (2026)

CSSBattle for JULY 20 (2026)

CSS Battle

CSS Battle Daily Target - Linear Mosaic

CSS Battle Daily Target - Linear Mosaic

I did a linear gradient for this and then adjusted the position and repeat for the body. Final character count: 172.

CSS Battle - Daily Targets 18th September 2023 99.9% solution | CSS Challenge

CSS Battle - Daily Targets 18th September 2023 99.9% solution | CSS Challenge

CSS Battle

CSS Battle - Daily Targets 16th September 2023 solution | CSS Challenge

CSS Battle - Daily Targets 16th September 2023 solution | CSS Challenge

CSS Battle

CSSBattle for JULY 19 (2026)

CSSBattle for JULY 19 (2026)

CSS Battle

CSS Battle Daily Target - Round Bug

CSS Battle Daily Target - Round Bug

I went with a quicker solution today rather that a good one. Margin collapse or the lack thereof tripped me up for a minute but I got ...

CSSBattle for JULY 15 (2026)

CSSBattle for JULY 15 (2026)

CSS Battle

CSS Battle Solution | Target 160 - Donut | CSS3 | CSS Challenge

CSS Battle Solution | Target 160 - Donut | CSS3 | CSS Challenge

CSS Battle

CSS Battle Daily Targets September 2 | 100% match solution

CSS Battle Daily Targets September 2 | 100% match solution

A short tutorial for solving the

CSS Battle Solution - Targets #160. Donut.

CSS Battle Solution - Targets #160. Donut.

Solution of the

CSS Battle Daily Target - Park Bendh

CSS Battle Daily Target - Park Bendh

Just a speed run today so not the best solution but it will have to do. Border and radial gradient. Final character count: 155.