CSS Battle #131 - Letter W

0 %
Manoj Kumar
Freelance Web Developer
"One Is All, All Is One"
  • City:
    Chennai
  • Country:
    India
  • Age:
    27
Lifetime score board
Shows
Music
Games
Current Interest Levels
Web Development
Cricket
Chess
Fitness
Movies & TV Series
Cooking
Trading
Cybersecurity
  • Ambivert
  • Nocturnal
  • Gym Junkie
  • Tech Enthusiast
  • Teetotalism

#131 – Letter W

October 7, 2022

We can start with the right element because of the stacking context. After much trial and error, I finally found the correct border-radius.

We repeat the same for the other element but with a different background-color.

We can fill the remaining with bordered rectangles.

I am not sure why this was not perfect 100% but 99.9. There is a slight border visible but that is negligible. Here is the minified code:

Posted in CSS Battle
Subscribe
Notify of
guest
0 Comments
Inline Feedbacks
View all comments
0
Would love your thoughts, please comment.x
()
x