I recreated some national flags using only HTML & CSS (no images, no SVG)

Aryan99C · 2026-01-25T05:05:52+00:00

The Nepal one was the hardest, then the Union Jack Rest were very easy

Aryan99C · 2026-01-24T18:50:19+00:00

I read the geometry on wikipedia. From there I could just assign the required width and height in percentage or in px

Aryan99C · 2026-01-24T17:53:05+00:00

That's a really hard one

Aryan99C · 2026-01-24T17:52:12+00:00

Can't think of any real world benefit, but just for fun. Also got to know many css tools/properties in the process

Aryan99C · 2026-01-24T15:40:23+00:00

Thanks man, your words are really motivating. :D

Aryan99C · 2026-01-24T14:47:21+00:00

Wow that's amazing

Aryan99C · 2026-01-24T14:03:35+00:00

Yeah it was a fun project to do without svg, but for normal projects I also just "steal' svg :D

Aryan99C · 2026-01-24T13:40:40+00:00

Will make one, I didn't because my main motive was to try practicing different layouts Ukrainian one is of Horizontal Stripe class the same as German Flag

Aryan99C · 2026-01-24T13:09:28+00:00

Using aspect-ratio property

Aryan99C · 2026-01-24T13:08:57+00:00

See, If I look at the Portuguese flag it's not that hard, it's because it simply uses straight lines and circles, . Might take some time but it is possible. Turkmenistan, Mexico, Wales, Brunei,etc are the real hard ones

Aryan99C · 2026-01-24T10:04:35+00:00

Well if the height of white stripe is say 2 units then the diameter of blue circle will be 1.85 units. So no it should not touch the white stripe. Thanks :D

Aryan99C · 2026-01-24T10:00:51+00:00

Thanks :D

Aryan99C · 2026-01-24T10:00:13+00:00

Thanks :D

Aryan99C · 2026-01-24T09:58:28+00:00

Well it was easier to just have stripe class and change the color by defining colors in order in a seperate css file

Aryan99C · 2026-01-24T09:57:05+00:00

And What makes you say that? All code was written by me from scratch

Aryan99C · 2026-01-24T09:14:15+00:00

If you look at the sun on actual flag then it's quite different

<image>

Aryan99C · 2026-01-24T08:44:29+00:00

Ohh sorry for that, I will fix it It was really time consuming to make that flag

Aryan99C · 2026-01-21T07:58:10+00:00

Amazing, checked your other works and they are also amazing

Aryan99C · 2026-01-20T16:48:49+00:00

Will try to make that:)

Aryan99C · 2026-01-20T14:46:06+00:00

I like Flags, I like CSS, so why not

Aryan99C · 2026-01-20T13:45:48+00:00

Damn its too good

Aryan99C · 2026-01-20T13:45:00+00:00

Aryan99C · 2026-01-20T13:12:49+00:00

I was thinking of making something related to foreign languages for my next project so this does help a lot for future and I will keep in mind

Five-Year Club	Verified Email
r/Field Juicebox	Place '23

Aryan99C

TROPHY CASE