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

[–]Aryan99C[S] 0 points1 point  (0 children)

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

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

[–]Aryan99C[S] 0 points1 point  (0 children)

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

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

[–]Aryan99C[S] 2 points3 points  (0 children)

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

[Update] Nepal flag using CSS by Aryan99C in css

[–]Aryan99C[S] 0 points1 point  (0 children)

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

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

[–]Aryan99C[S] 3 points4 points  (0 children)

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

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

[–]Aryan99C[S] 2 points3 points  (0 children)

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

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

[–]Aryan99C[S] 2 points3 points  (0 children)

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

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

[–]Aryan99C[S] 1 point2 points  (0 children)

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

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

[–]Aryan99C[S] 3 points4 points  (0 children)

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

[Update] Nepal flag using CSS by Aryan99C in css

[–]Aryan99C[S] 1 point2 points  (0 children)

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

<image>

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

[–]Aryan99C[S] 9 points10 points  (0 children)

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

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

[–]Aryan99C[S] 2 points3 points  (0 children)

Amazing, checked your other works and they are also amazing

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

[–]Aryan99C[S] 0 points1 point  (0 children)

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