I made all countries' flags using HTML & CSS
Tags: css, webdev, html, beginners
Published: 2022-08-28 09:08:00



This article is special, you may ask why. It is because, in my last article [CSS Flag: India](https://dev.to/j471n/css-flag-india-1bg3), I said- 

>I am starting a new series called **CSS Flag**. Where I'll be making different countries' flags starting with India.

I asked myself "Why don't I make an article which will have all 195 countries' flags instead of creating 195 articles?". Well, Here I am. 

In this article, I have made all countries' flags by just using HTML and CSS. At the end of the article. You will have a special Bonus (you have to reach the end of the article to see it).

<mark>
**Disclaimer**
</mark>

>- The idea of this series came up in my mind on 15 August as I mention in my previous article [CSS Flag: India](https://dev.to/j471n/css-flag-india-1bg3). 
- I don't want to hurt anyone's feelings or sentiments through this article. As It could offend some people if their country's flag is slightly off point. I respect every country's flag and its people. If you find any mistakes in any of the flags then please let me know. I'll fix it as soon as possible.
- If there are some issues with Codepen in mobile devices try to switch to the desktop mode or visit through desktop/laptop browsers.
- I have used images (PNG) in some of the flags as well because it was kind of complex to create them.
- The size of each flag is 300x200 pixels. Some of the countries' flags use different sizes. So It could be a little bit different due to the size difference.



## Table of Contents:

- [Afghanistan](#afghanistan)
- [Albania](#albania)
- [Algeria](#algeria)
- [Andorra](#andorra)
- [Angola](#angola)
- [Antigua and Barbuda](#antigua-and-barbuda)
- [Argentina](#argentina)
- [Armenia](#armenia)
- [Australia](#australia)
- [Austria](#austria)
- [Azerbaijan](#azerbaijan)
- [Bahamas](#bahamas)
- [Bahrain](#bahrain)
- [Bangladesh](#bangladesh)
- [Barbados](#barbados)
- [Belarus](#belarus)
- [Belgium](#belgium)
- [Belize](#belize)
- [Benin](#benin)
- [Bhutan](#bhutan)
- [Bolivia](#bolivia)
- [Bosnia and Herzegovina](#bosnia-and-herzegovina)
- [Botswana](#botswana)
- [Brazil](#brazil)
- [Brunei](#brunei)
- [Bulgaria](#bulgaria)
- [Burkina Faso](#burkina-faso)
- [Burundi](#burundi)
- [Cambodia](#cambodia)
- [Cameroon](#cameroon)
- [Canada](#canada)
- [Cape Verde](#cape-verde)
- [Central African](#central-african)
- [Chad](#chad)
- [Chile](#chile)
- [China](#china)
- [Colombia](#colombia)
- [Comoros](#comoros)
- [Democratic Republic of the Congo](#democratic-republic-of-the-congo)
- [Republic of the Congo](#republic-of-the-congo)
- [Costa Rica](#costa-rica)
- [Croatia](#croatia)
- [Cuban](#cuban)
- [Cyprus](#cyprus)
- [Czechia](#czechia)
- [Denmark](#denmark)
- [Djibouti](#djibouti)
- [Dominica](#dominica)
- [Dominican](#dominican)
- [East Timor](#east-timor)
- [Ecuador](#ecuador)
- [Egypt](#egypt)
- [El Salvador](#el-salvador)
- [Equatorial Guinea](#equatorial-guinea)
- [Eritrea](#eritrea)
- [Estonia](#estonia)
- [Eswatini](#eswatini)
- [Ethiopia](#ethiopia)
- [Fiji](#fiji)
- [Finland](#finland)
- [France](#france)
- [Gabon](#gabon)
- [Gambia](#gambia)
- [Georgia](#georgia)
- [Germany](#germany)
- [Ghana](#ghana)
- [Greece](#greece)
- [Grenada](#grenada)
- [Guatemala](#guatemala)
- [Guinea](#guinea)
- [Guinea-Bissau](#guinea-bissau)
- [Guyana](#guyana)
- [Haiti](#haiti)
- [Honduras](#honduras)
- [Hungary](#hungary)
- [Iceland](#iceland)
- [India](#india)
- [Indonesia](#indonesia)
- [Iran](#iran)
- [Iraq](#iraq)
- [Ireland](#ireland)
- [Israel](#israel)
- [Italy](#italy)
- [Ivory Coast](#ivory-coast)
- [Jamaica](#jamaica)
- [Japan](#japan)
- [Jordan](#jordan)
- [Kazakhstan](#kazakhstan)
- [Kenya](#kenya)
- [Kiribati](#kiribati)
- [North Korea](#north-korea)
- [South Korea](#south-korea)
- [Kuwait](#kuwait)
- [Kyrgyzstan](#kyrgyzstan)
- [Laos](#laos)
- [Latvia](#latvia)
- [Lebanon](#lebanon)
- [Lesotho](#lesotho)
- [Liberia](#liberia)
- [Libya](#libya)
- [Liechtenstein](#liechtenstein)
- [Lithuania](#lithuania)
- [Luxembourg](#luxembourg)
- [Madagascar](#madagascar)
- [Malawi](#malawi)
- [Malaysia](#malaysia)
- [Maldives](#maldives)
- [Mali](#mali)
- [Malta](#malta)
- [Marshall Islands](#marshall-islands)
- [Mauritania](#mauritania)
- [Mauritius](#mauritius)
- [Mexico](#mexico)
- [Micronesia](#micronesia)
- [Moldova](#moldova)
- [Monaco](#monaco)
- [Mongolia](#mongolia)
- [Montenegro](#montenegro)
- [Morocco](#morocco)
- [Mozambique](#mozambique)
- [Myanmar](#myanmar)
- [Namibia](#namibia)
- [Nauru](#nauru)
- [Nepal](#nepal)
- [Netherland](#netherland)
- [New Zealand](#new-zealand)
- [Nicaragua](#nicaragua)
- [Niger](#niger)
- [Nigeria](#nigeria)
- [North Macedonia](#north-macedonia)
- [Norway](#norway)
- [Oman](#oman)
- [Pakistan](#pakistan)
- [Palau](#palau)
- [Palestine](#palestine)
- [Panama](#panama)
- [Papua New Guinea](#papua-new-guinea)
- [Paraguay](#paraguay)
- [Peru](#peru)
- [Philippines](#philippines)
- [Poland](#poland)
- [Portugal](#portugal)
- [Qatar](#qatar)
- [Romania](#romania)
- [Russia](#russia)
- [Rwanda](#rwanda)
- [Saint Kitts and Nevis](#saint-kitts-and-nevis)
- [Saint Lucia](#saint-lucia)
- [Saint Vincent and the Grenadines](#saint-vincent-and-the-grenadines)
- [Samoa](#samoa)
- [San Marino](#san-marino)
- [São Tomé and Príncipe](#sao-tome-and-principe)
- [Saudi Arabia](#saudi-arabia)
- [Senegal](#senegal)
- [Serbia](#serbia)
- [Seychelles](#seychelles)
- [Sierra Leone](#sierra-leone)
- [Singapore](#singapore)
- [Slovakia](#slovakia)
- [Slovenia](#slovenia)
- [Solomon Islands](#solomon-islands)
- [Somalia](#somalia)
- [South Africa](#south-africa)
- [South Sudan](#south-sudan)
- [Spain](#spain)
- [Sri Lanka](#sri-lanka)
- [Sudan](#sudan)
- [Suriname](#suriname)
- [Sweden](#sweden)
- [Switzerland](#switzerland)
- [Syria](#syria)
- [Taiwan](#taiwan)
- [Tajikistan](#tajikistan)
- [Tanzania](#tanzania)
- [Thailand](#thailand)
- [Togo](#togo)
- [Tonga](#tonga)
- [Trinidad and Tobago](#trinidad-and-tobago)
- [Tunisia](#tunisia)
- [Turkey](#turkey)
- [Turkmenistan](#turkmenistan)
- [Tuvalu](#tuvalu)
- [Uganda](#uganda)
- [Ukraine](#ukraine)
- [United Arab Emirates](#united-arab-emirates)
- [United Kingdom](#united-kingdom)
- [United States](#united-states)
- [Uruguay](#uruguay)
- [Uzbekistan](#uzbekistan)
- [Vanuatu](#vanuatu)
- [Vatican City](#vatican-city)
- [Venezuela](#venezuela)
- [Vietnam](#vietnam)
- [Yemen](#yemen)
- [Zambia](#zambia)
- [Zimbabwe](#zimbabwe)



---

## Afghanistan

{% codepen https://codepen.io/j471n/pen/YzabZbN %}

## Albania

{% codepen https://codepen.io/j471n/pen/RwMmpzg %}

## Algeria

{% codepen https://codepen.io/j471n/pen/MWVdmgd %}

## Andorra

{% codepen https://codepen.io/j471n/pen/qBoGmEN %}

## Angola

{% codepen https://codepen.io/j471n/pen/BareRyx %}

## Antigua and Barbuda

{% codepen https://codepen.io/j471n/pen/jOzomPX %}

## Argentina

{% codepen https://codepen.io/j471n/pen/abYrWdd %}

## Armenia

{% codepen https://codepen.io/j471n/pen/KKoLmVE %}

## Australia

{% codepen https://codepen.io/j471n/pen/vYRwmGJ %}

## Austria

{% codepen https://codepen.io/j471n/pen/XWEwRKb %}

## Azerbaijan

{% codepen https://codepen.io/j471n/pen/RwMmVGj %}

## Bahamas

{% codepen https://codepen.io/j471n/pen/YzabVNr %}

## Bahrain

{% codepen https://codepen.io/j471n/pen/poLmPRX %}

## Bangladesh

{% codepen https://codepen.io/j471n/pen/VwXObbz %}

## Barbados

{% codepen https://codepen.io/j471n/pen/oNqRWww %}

## Belarus

{% codepen https://codepen.io/j471n/pen/jOzomJO %}

## Belgium

{% codepen https://codepen.io/j471n/pen/RwMmVdY %}

## Belize

{% codepen https://codepen.io/j471n/pen/PoRvmgV %}

## Benin

{% codepen https://codepen.io/j471n/pen/QWmRvRW %}

## Bhutan

{% codepen https://codepen.io/j471n/pen/OJvYmYq %}

## Bolivia

{% codepen https://codepen.io/j471n/pen/XWEwRLM %}

## Bosnia and Herzegovina

{% codepen https://codepen.io/j471n/pen/wvmbdLL %}

## Botswana

{% codepen https://codepen.io/j471n/pen/VwXObod %}

## Brazil

{% codepen https://codepen.io/j471n/pen/QWmRgLw %}

## Brunei

{% codepen https://codepen.io/j471n/pen/ExEzXYX %}

## Bulgaria

{% codepen https://codepen.io/j471n/pen/LYdoLPQ %}

## Burkina Faso

{% codepen https://codepen.io/j471n/pen/XWEwgWR %}

## Burundi

{% codepen https://codepen.io/j471n/pen/gOeJROE %}

## Cambodia

{% codepen https://codepen.io/j471n/pen/XWEwgbR %}

## Cameroon

{% codepen https://codepen.io/j471n/pen/KKoLqdV %}

## Canada

{% codepen https://codepen.io/j471n/pen/wvmbyGx %}

## Cape Verde

{% codepen https://codepen.io/j471n/pen/yLKWvOW %}

## Central African

{% codepen https://codepen.io/j471n/pen/eYMaVzO %}

## Chad

{% codepen https://codepen.io/j471n/pen/LYdoQZb %}

## Chile

{% codepen https://codepen.io/j471n/pen/RwMmQRL %}

## China

{% codepen https://codepen.io/j471n/pen/GRxaQqy %}

## Colombia

{% codepen https://codepen.io/j471n/pen/jOzoZrd %}

## Comoros

{% codepen https://codepen.io/j471n/pen/zYWQRKG %}

## Democratic Republic of the Congo

{% codepen https://codepen.io/j471n/pen/JjLqpRK %}

## Republic of the Congo

{% codepen https://codepen.io/j471n/pen/GRxaQjy %}

## Costa Rica

{% codepen https://codepen.io/j471n/pen/yLKWvaW %}

## Croatia

{% codepen https://codepen.io/j471n/pen/eYMaVBY %}

## Cuban

{% codepen https://codepen.io/j471n/pen/VwXOQmW %}

## Cyprus

{% codepen https://codepen.io/j471n/pen/VwXOQPW %}

## Czechia

{% codepen https://codepen.io/j471n/pen/OJvYQWE %}

## Denmark

{% codepen https://codepen.io/j471n/pen/bGvyLgm %}

## Djibouti

{% codepen https://codepen.io/j471n/pen/rNdgJya %}

## Dominica

{% codepen https://codepen.io/j471n/pen/YzabeZx %}

## Dominican

{% codepen https://codepen.io/j471n/pen/poLmaem %}

## East Timor

{% codepen https://codepen.io/j471n/pen/QWmRRao %}

## Ecuador

{% codepen https://codepen.io/j471n/pen/LYdoQyW %}

## Egypt

{% codepen https://codepen.io/j471n/pen/LYdoQLW %}

## El Salvador

{% codepen https://codepen.io/j471n/pen/wvmbyeY %}

## Equatorial Guinea

{% codepen https://codepen.io/j471n/pen/GRxaQMd %}

## Eritrea

{% codepen https://codepen.io/j471n/pen/jOzoZGo %}

## Estonia

{% codepen https://codepen.io/j471n/pen/MWVdQOW %}

## Eswatini

{% codepen https://codepen.io/j471n/pen/YzabeEE %}

## Ethiopia

{% codepen https://codepen.io/j471n/pen/NWYVywo %}

## Fiji

{% codepen https://codepen.io/j471n/pen/MWVdQrW %}

## Finland

{% codepen https://codepen.io/j471n/pen/oNqREpw %}

## France

{% codepen https://codepen.io/j471n/pen/BareYJq %}

## Gabon

{% codepen https://codepen.io/j471n/pen/jOzoZYo %}

## Gambia

{% codepen https://codepen.io/j471n/pen/MWVdQQW %}

## Georgia

{% codepen https://codepen.io/j471n/pen/OJvYQQB %}

## Germany

{% codepen https://codepen.io/j471n/pen/WNzBMMW %}

## Ghana

{% codepen https://codepen.io/j471n/pen/yLKWvKL %}

## Greece

{% codepen https://codepen.io/j471n/pen/mdxYXxL %}

## Grenada

{% codepen https://codepen.io/j471n/pen/qBoGxYm %}

## Guatemala

{% codepen https://codepen.io/j471n/pen/GRxaQdG %}

## Guinea

{% codepen https://codepen.io/j471n/pen/NWYVyMJ %}

## Guinea-Bissau

{% codepen https://codepen.io/j471n/pen/QWmRQxX %}

## Guyana

{% codepen https://codepen.io/j471n/pen/vYRwdaR %}

## Haiti

{% codepen https://codepen.io/j471n/pen/QWmRQBX %}

## Honduras

{% codepen https://codepen.io/j471n/pen/xxWNYaq %}

## Hungary

{% codepen https://codepen.io/j471n/pen/BareYOv %}

## Iceland

{% codepen https://codepen.io/j471n/pen/ZExNrqQ %}

## India

{% codepen https://codepen.io/j471n/pen/VwXOQEQ %}

## Indonesia

{% codepen https://codepen.io/j471n/pen/OJvYQBr %}

## Iran

{% codepen https://codepen.io/j471n/pen/KKoLQrK %}

## Iraq

{% codepen https://codepen.io/j471n/pen/bGvyLQJ %}

## Ireland

{% codepen https://codepen.io/j471n/pen/eYMaVbZ %}

## Israel

{% codepen https://codepen.io/j471n/pen/rNdgJoL %}

## Italy

{% codepen https://codepen.io/j471n/pen/bGvyLOJ %}

## Ivory Coast

{% codepen https://codepen.io/j471n/pen/zYWQReN %}

## Jamaica

{% codepen https://codepen.io/j471n/pen/YzabeBL %}

## Japan

{% codepen https://codepen.io/j471n/pen/MWVdQxK %}

## Jordan

{% codepen https://codepen.io/j471n/pen/YzabegL %}

## Kazakhstan

{% codepen https://codepen.io/j471n/pen/KKoLQYw %}

## Kenya

{% codepen https://codepen.io/j471n/pen/qBoGxwP %}

## Kiribati

{% codepen https://codepen.io/j471n/pen/OJvYQGd %}

## North Korea

{% codepen https://codepen.io/j471n/pen/KKoLQLw %}

## South Korea

{% codepen https://codepen.io/j471n/pen/bGvyLyP %}

## Kuwait

{% codepen https://codepen.io/j471n/pen/zYWQRVZ %}

## Kyrgyzstan

{% codepen https://codepen.io/j471n/pen/Yzabeov %}

## Laos

{% codepen https://codepen.io/j471n/pen/WNzBMVe %}

## Latvia

{% codepen https://codepen.io/j471n/pen/KKoLoPp %}

## Lebanon

{% codepen https://codepen.io/j471n/pen/KKoLeJK %}

## Lesotho

{% codepen https://codepen.io/j471n/pen/mdxYKvj %}

## Liberia

{% codepen https://codepen.io/j471n/pen/rNdgKRM %}

## Libya

{% codepen https://codepen.io/j471n/pen/bGvyKZy %}

## Liechtenstein

{% codepen https://codepen.io/j471n/pen/abYrKxW %}

## Lithuania

{% codepen https://codepen.io/j471n/pen/YzabvML %}

## Luxembourg

{% codepen https://codepen.io/j471n/pen/wvmbXZZ %}

## Madagascar

{% codepen https://codepen.io/j471n/pen/eYMaKaz %}

## Malawi

{% codepen https://codepen.io/j471n/pen/GRxaGaY %}

## Malaysia

{% codepen https://codepen.io/j471n/pen/jOzoKjO %}

## Maldives

{% codepen https://codepen.io/j471n/pen/xxWNzoL %}

## Mali

{% codepen https://codepen.io/j471n/pen/vYRwrqa %}

## Malta

{% codepen https://codepen.io/j471n/pen/BareVgE %}

## Marshall Islands

{% codepen https://codepen.io/j471n/pen/eYMaKqd %}

## Mauritania

{% codepen https://codepen.io/j471n/pen/RwMmJXY %}

## Mauritius

{% codepen https://codepen.io/j471n/pen/KKoLBPp %}

## Mexico

{% codepen https://codepen.io/j471n/pen/abYrjow %}

## Micronesia

{% codepen https://codepen.io/j471n/pen/PoRvBYV %}

## Moldova

{% codepen https://codepen.io/j471n/pen/zYWQLYw %}

## Monaco

{% codepen https://codepen.io/j471n/pen/NWYVBPK %}

## Mongolia

{% codepen https://codepen.io/j471n/pen/xxWNJbX %}

## Montenegro

{% codepen https://codepen.io/j471n/pen/vYRwaEz %}

## Morocco

{% codepen https://codepen.io/j471n/pen/QWmRBbw %}

## Mozambique

{% codepen https://codepen.io/j471n/pen/KKoLBdd %}

## Myanmar

{% codepen https://codepen.io/j471n/pen/zYWQLvz %}

## Namibia

{% codepen https://codepen.io/j471n/pen/GRxaBpz %}

## Nauru

{% codepen https://codepen.io/j471n/pen/rNdgrxy %}

## Nepal

{% codepen https://codepen.io/j471n/pen/BarePjg %}

## Netherland

{% codepen https://codepen.io/j471n/pen/rNdgJmV %}

## New Zealand

{% codepen https://codepen.io/j471n/pen/WNzBKxb %}

## Nicaragua

{% codepen https://codepen.io/j471n/pen/VwXOBjG %}

## Niger

{% codepen https://codepen.io/j471n/pen/bGvyjwG %}

## Nigeria

{% codepen https://codepen.io/j471n/pen/eYMajdv %}

## North Macedonia

{% codepen https://codepen.io/j471n/pen/yLKWqVa %}

## Norway

{% codepen https://codepen.io/j471n/pen/xxWNJRp %}

## Oman

{% codepen https://codepen.io/j471n/pen/BarePQX %}

## Pakistan

{% codepen https://codepen.io/j471n/pen/XWEwBpa %}

## Palau

{% codepen https://codepen.io/j471n/pen/WNzBKpQ %}

## Palestine

{% codepen https://codepen.io/j471n/pen/qBoGyrY %}

## Panama

{% codepen https://codepen.io/j471n/pen/NWYVBjq %}

## Papua New Guinea

{% codepen https://codepen.io/j471n/pen/JjLqBNL %}

## Paraguay

{% codepen https://codepen.io/j471n/pen/wvmbxev %}

## Peru

{% codepen https://codepen.io/j471n/pen/gOeJjRN %}

## Philippines

{% codepen https://codepen.io/j471n/pen/xxWNJLW %}

## Poland

{% codepen https://codepen.io/j471n/pen/QWmRBqN %}

## Portugal

{% codepen https://codepen.io/j471n/pen/zYWQLEP %}

## Qatar

{% codepen https://codepen.io/j471n/pen/NWYVBwG %}

## Romania

{% codepen https://codepen.io/j471n/pen/rNdgrYG %}

## Russia

{% codepen https://codepen.io/j471n/pen/LYdoBOJ %}

## Rwanda

{% codepen https://codepen.io/j471n/pen/bGvyjaV %}

## Saint Kitts and Nevis

{% codepen https://codepen.io/j471n/pen/RwMmBxO %}

## Saint Lucia

{% codepen https://codepen.io/j471n/pen/bGvyjLV %}

## Saint Vincent and the Grenadines

{% codepen https://codepen.io/j471n/pen/ExEzpQQ %}

## Samoa

{% codepen https://codepen.io/j471n/pen/NWYVBYx %}

## San Marino

{% codepen https://codepen.io/j471n/pen/rNdgrdY %}

<h2 id="sao-tome-and-principe">São Tomé and Príncipe</h2>

{% codepen https://codepen.io/j471n/pen/xxWNJWz %}

## Saudi Arabia

{% codepen https://codepen.io/j471n/pen/zYWQLjR %}

## Senegal

{% codepen https://codepen.io/j471n/pen/OJvYwEP %}

## Serbia

{% codepen https://codepen.io/j471n/pen/poLmZKe %}

## Seychelles

{% codepen https://codepen.io/j471n/pen/XWEwBYV %}

## Sierra Leone

{% codepen https://codepen.io/j471n/pen/poLmZZe %}

## Singapore

{% codepen https://codepen.io/j471n/pen/abYrjjK %}

## Slovakia

{% codepen https://codepen.io/j471n/pen/YzabjjM %}

## Slovenia

{% codepen https://codepen.io/j471n/pen/jOzopvy %}

## Solomon Islands

{% codepen https://codepen.io/j471n/pen/oNqRMPJ %}

## Somalia

{% codepen https://codepen.io/j471n/pen/GRxaBYK %}

## South Africa

{% codepen https://codepen.io/j471n/pen/QWmRBZG %}

## South Sudan

{% codepen https://codepen.io/j471n/pen/vYRwaVw %}

## Spain

{% codepen https://codepen.io/j471n/pen/eYMajQy %}

## Sri Lanka

{% codepen https://codepen.io/j471n/pen/BarePvj %}

## Sudan

{% codepen https://codepen.io/j471n/pen/eYMaXBv %}

## Suriname

{% codepen https://codepen.io/j471n/pen/oNqRVYy %}

## Sweden

{% codepen https://codepen.io/j471n/pen/KKoLEaz %}

## Switzerland

{% codepen https://codepen.io/j471n/pen/BarebpX %}

## Syria

{% codepen https://codepen.io/j471n/pen/XWEwGMg %}

## Taiwan

{% codepen https://codepen.io/j471n/pen/KKojGzx %}

## Tajikistan

{% codepen https://codepen.io/j471n/pen/dymErvj %}

## Tanzania

{% codepen https://codepen.io/j471n/pen/bGvyZWG %}

## Thailand

{% codepen https://codepen.io/j471n/pen/JjLqVwj %}

## Togo

{% codepen https://codepen.io/j471n/pen/gOeJyZW %}

## Tonga

{% codepen https://codepen.io/j471n/pen/jOzoRXK %}

## Trinidad and Tobago

{% codepen https://codepen.io/j471n/pen/abYrxPe %}

## Tunisia

{% codepen https://codepen.io/j471n/pen/zYWQXeV %}

## Turkey

{% codepen https://codepen.io/j471n/pen/YzabMMG %}

## Turkmenistan

{% codepen https://codepen.io/j471n/pen/NWYVmmY %}

## Tuvalu

{% codepen https://codepen.io/j471n/pen/ExEzJJq %}

## Uganda

{% codepen https://codepen.io/j471n/pen/wvmbZbp %}

## Ukraine

{% codepen https://codepen.io/j471n/pen/MWVdRdL %}

## United Arab Emirates

{% codepen https://codepen.io/j471n/pen/oNqROrx %}

## United Kingdom

{% codepen https://codepen.io/j471n/pen/BareEgJ %}

## United States

{% codepen https://codepen.io/j471n/pen/ZExNZdP %}

## Uruguay

{% codepen https://codepen.io/j471n/pen/YzabMmp %}

## Uzbekistan

{% codepen https://codepen.io/j471n/pen/bGvyJXv %}

## Vanuatu

{% codepen https://codepen.io/j471n/pen/ZExNZgP %}

## Vatican City

{% codepen https://codepen.io/j471n/pen/ExEzzYY %}

## Venezuela

{% codepen https://codepen.io/j471n/pen/dymEEyp %}

## Vietnam

{% codepen https://codepen.io/j471n/pen/RwMmmwV %}

## Yemen

{% codepen https://codepen.io/j471n/pen/WNzBBNK %}

## Zambia

{% codepen https://codepen.io/j471n/pen/ExEzzax %}

## Zimbabwe

{% codepen https://codepen.io/j471n/pen/vYRwwEx %}


### Bonus 

As I told you at the start of the article I'll attach a bonus section. Here it is. You can find all countries' flags in the following Codepen (All in One):

{% codepen https://codepen.io/j471n/pen/rNdEGzB %}


## Wrapping up

I have used images in some of the flags as well because it was kind of complex to create them. I hope you enjoyed the article, if you did then don't forget to press ❤️. If you have any queries or suggestions don't hesitate to drop them. You can extend your support by [Buying me a Coffee](https://buymeacoffee.com/j471n). I'll see you in the next one.


## References

- [Wikipedia](https://en.wikipedia.org/wiki/Gallery_of_sovereign_state_flags)
- [seekflag.com](https://seekflag.com/)


Thumbnail image by [@krisetya](https://unsplash.com/@krisetya) at [Unsplash](https://unsplash.com/photos/k0Jo8m6DO6k)