Desktop Design

Mobile Design

REST Countries API with color theme switcher

yles-->  <link defer=`` rel=`stylesheet` href=`./main.css`>   <!

><picture><img class=`card__img` src=`https://flagcdn.com/w320/is.png` alt=`Iceland flag` loading=`lazy`></pict

><picture><img class=`card__img` src=`https://flagcdn.com/w320/es.png` alt=`Kingdom of Spain flag` loading=`lazy`></pict

><picture><img class=`card__img` src=`https://flagcdn.com/w320/iq.png` alt=`Republic of Iraq flag` loading=`lazy`></pict

><picture><img class=`card__img` src=`https://flagcdn.com/w320/mw.png` alt=`Republic of Malawi flag` loading=`lazy`></pict

><picture><img class=`card__img` src=`https://flagcdn.com/w320/hk.png` alt=`Hong Kong Special Administrative Region of the People's Republic of China flag` loading=`lazy`>

><picture><img class=`card__img` src=`https://flagcdn.com/w320/mt.png` alt=`Republic of Malta flag` loading=`lazy`></pict

><picture><img class=`card__img` src=`https://flagcdn.com/w320/py.png` alt=`Republic of Paraguay flag` loading=`lazy`></pict

><picture><img class=`card__img` src=`https://flagcdn.com/w320/dj.png` alt=`Republic of Djibouti flag` loading=`lazy`></pict

><picture><img class=`card__img` src=`https://flagcdn.com/w320/mg.png` alt=`Republic of Madagascar flag` loading=`lazy`></pict

><picture><img class=`card__img` src=`https://flagcdn.com/w320/np.png` alt=`Federal Democratic Republic of Nepal flag` loading=`lazy`></pict

><picture><img class=`card__img` src=`https://flagcdn.com/w320/sm.png` alt=`Republic of San Marino flag` loading=`lazy`></pict

><picture><img class=`card__img` src=`https://flagcdn.com/w320/nl.png` alt=`Kingdom of the Netherlands flag` loading=`lazy`></pict

><picture><img class=`card__img` src=`https://flagcdn.com/w320/gl.png` alt=`Greenland flag` loading=`lazy`></pict

><picture><img class=`card__img` src=`https://flagcdn.com/w320/no.png` alt=`Kingdom of Norway flag` loading=`lazy`></pict

><picture><img class=`card__img` src=`https://flagcdn.com/w320/tv.png` alt=`Tuvalu flag` loading=`lazy`></pict

><picture><img class=`card__img` src=`https://flagcdn.com/w320/lb.png` alt=`Lebanese Republic flag` loading=`lazy`></pict

><picture><img class=`card__img` src=`https://flagcdn.com/w320/bf.png` alt=`Burkina Faso flag` loading=`lazy`></pict

><picture><img class=`card__img` src=`https://flagcdn.com/w320/cv.png` alt=`Republic of Cabo Verde flag` loading=`lazy`></pict

><picture><img class=`card__img` src=`https://flagcdn.com/w320/gi.png` alt=`Gibraltar flag` loading=`lazy`></pict

><picture><img class=`card__img` src=`https://flagcdn.com/w320/dz.png` alt=`People's Democratic Republic of Algeria flag` loading=`lazy`></pict

><picture><img class=`card__img` src=`https://flagcdn.com/w320/ge.png` alt=`Georgia flag` loading=`lazy`></pict

><picture><img class=`card__img` src=`https://flagcdn.com/w320/mn.png` alt=`Mongolia flag` loading=`lazy`></pict

><picture><img class=`card__img` src=`https://flagcdn.com/w320/ir.png` alt=`Islamic Republic of Iran flag` loading=`lazy`></pict

><picture><img class=`card__img` src=`https://flagcdn.com/w320/tk.png` alt=`Tokelau flag` loading=`lazy`></pict

><picture><img class=`card__img` src=`https://flagcdn.com/w320/sg.png` alt=`Republic of Singapore flag` loading=`lazy`></pict

><picture><img class=`card__img` src=`https://flagcdn.com/w320/gf.png` alt=`Guiana flag` loading=`lazy`></pict

><picture><img class=`card__img` src=`https://flagcdn.com/w320/mq.png` alt=`Martinique flag` loading=`lazy`></pict

><picture><img class=`card__img` src=`https://flagcdn.com/w320/vg.png` alt=`Virgin Islands flag` loading=`lazy`></pict

><picture><img class=`card__img` src=`https://flagcdn.com/w320/ni.png` alt=`Republic of Nicaragua flag` loading=`lazy`></pict

><picture><img class=`card__img` src=`https://flagcdn.com/w320/md.png` alt=`Republic of Moldova flag` loading=`lazy`></pict

><picture><img class=`card__img` src=`https://flagcdn.com/w320/ye.png` alt=`Republic of Yemen flag` loading=`lazy`></pict

><picture><img class=`card__img` src=`https://flagcdn.com/w320/gm.png` alt=`Republic of the Gambia flag` loading=`lazy`></pict

><picture><img class=`card__img` src=`https://flagcdn.com/w320/kg.png` alt=`Kyrgyz Republic flag` loading=`lazy`></pict

><picture><img class=`card__img` src=`https://flagcdn.com/w320/cu.png` alt=`Republic of Cuba flag` loading=`lazy`></pict

><picture><img class=`card__img` src=`https://flagcdn.com/w320/er.png` alt=`State of Eritrea flag` loading=`lazy`></pict

><picture><img class=`card__img` src=`https://flagcdn.com/w320/sj.png` alt=`Svalbard og Jan Mayen flag` loading=`lazy`></pict

><picture><img class=`card__img` src=`https://flagcdn.com/w320/sv.png` alt=`Republic of El Salvador flag` loading=`lazy`></pict

><picture><img class=`card__img` src=`https://flagcdn.com/w320/tl.png` alt=`Democratic Republic of Timor-Leste flag` loading=`lazy`></pict

><picture><img class=`card__img` src=`https://flagcdn.com/w320/kr.png` alt=`Republic of Korea flag` loading=`lazy`></pict

><picture><img class=`card__img` src=`https://flagcdn.com/w320/ml.png` alt=`Republic of Mali flag` loading=`lazy`></pict

><picture><img class=`card__img` src=`https://flagcdn.com/w320/tc.png` alt=`Turks and Caicos Islands flag` loading=`lazy`></pict

><picture><img class=`card__img` src=`https://flagcdn.com/w320/gh.png` alt=`Republic of Ghana flag` loading=`lazy`></pict

><picture><img class=`card__img` src=`https://flagcdn.com/w320/eg.png` alt=`Arab Republic of Egypt flag` loading=`lazy`></pict

><picture><img class=`card__img` src=`https://flagcdn.com/w320/ga.png` alt=`Gabonese Republic flag` loading=`lazy`></pict

><picture><img class=`card__img` src=`https://flagcdn.com/w320/tg.png` alt=`Togolese Republic flag` loading=`lazy`></pict

><picture><img class=`card__img` src=`https://flagcdn.com/w320/tw.png` alt=`Republic of China (Taiwan) flag` loading=`lazy`></pict

><picture><img class=`card__img` src=`https://flagcdn.com/w320/ck.png` alt=`Cook Islands flag` loading=`lazy`></pict

><picture><img class=`card__img` src=`https://flagcdn.com/w320/sz.png` alt=`Kingdom of Eswatini flag` loading=`lazy`></pict

><picture><img class=`card__img` src=`https://flagcdn.com/w320/om.png` alt=`Sultanate of Oman flag` loading=`lazy`></pict

><picture><img class=`card__img` src=`https://flagcdn.com/w320/cf.png` alt=`Central African Republic flag` loading=`lazy`></pict

><picture><img class=`card__img` src=`https://flagcdn.com/w320/it.png` alt=`Italian Republic flag` loading=`lazy`></pict

><picture><img class=`card__img` src=`https://flagcdn.com/w320/uy.png` alt=`Oriental Republic of Uruguay flag` loading=`lazy`></pict

><picture><img class=`card__img` src=`https://flagcdn.com/w320/bs.png` alt=`Commonwealth of the Bahamas flag` loading=`lazy`></pict

><picture><img class=`card__img` src=`https://flagcdn.com/w320/br.png` alt=`Federative Republic of Brazil flag` loading=`lazy`></pict

><picture><img class=`card__img` src=`https://flagcdn.com/w320/mm.png` alt=`Republic of the Union of Myanmar flag` loading=`lazy`></pict

><picture><img class=`card__img` src=`https://flagcdn.com/w320/va.png` alt=`Vatican City State flag` loading=`lazy`></pict

><picture><img class=`card__img` src=`https://flagcdn.com/w320/se.png` alt=`Kingdom of Sweden flag` loading=`lazy`></pict

><picture><img class=`card__img` src=`https://flagcdn.com/w320/vn.png` alt=`Socialist Republic of Vietnam flag` loading=`lazy`></pict

><picture><img class=`card__img` src=`https://flagcdn.com/w320/ee.png` alt=`Republic of Estonia flag` loading=`lazy`></pict

><picture><img class=`card__img` src=`https://flagcdn.com/w320/gw.png` alt=`Republic of Guinea-Bissau flag` loading=`lazy`></pict

><picture><img class=`card__img` src=`https://flagcdn.com/w320/aw.png` alt=`Aruba flag` loading=`lazy`></pict

><picture><img class=`card__img` src=`https://flagcdn.com/w320/ps.png` alt=`State of Palestine flag` loading=`lazy`></pict

><picture><img class=`card__img` src=`https://flagcdn.com/w320/pe.png` alt=`Republic of Peru flag` loading=`lazy`></pict

><picture><img class=`card__img` src=`https://flagcdn.com/w320/ag.png` alt=`Antigua and Barbuda flag` loading=`lazy`></pict

><picture><img class=`card__img` src=`https://flagcdn.com/w320/hm.png` alt=`Heard Island and McDonald Islands flag` loading=`lazy`>

><picture><img class=`card__img` src=`https://flagcdn.com/w320/bi.png` alt=`Republic of Burundi flag` loading=`lazy`></pict

><picture><img class=`card__img` src=`https://flagcdn.com/w320/jo.png` alt=`Hashemite Kingdom of Jordan flag` loading=`lazy`></pict

><picture><img class=`card__img` src=`https://flagcdn.com/w320/pn.png` alt=`Pitcairn Group of Islands flag` loading=`lazy`></pict

><picture><img class=`card__img` src=`https://flagcdn.com/w320/gt.png` alt=`Republic of Guatemala flag` loading=`lazy`></pict

><picture><img class=`card__img` src=`https://flagcdn.com/w320/pf.png` alt=`French Polynesia flag` loading=`lazy`></pict

><picture><img class=`card__img` src=`https://flagcdn.com/w320/gs.png` alt=`South Georgia and the South Sandwich Islands flag` loading=`lazy`></pict

><picture><img class=`card__img` src=`https://flagcdn.com/w320/la.png` alt=`Lao People's Democratic Republic flag` loading=`lazy`></pict

><picture><img class=`card__img` src=`https://flagcdn.com/w320/sl.png` alt=`Republic of Sierra Leone flag` loading=`lazy`></pict

><picture><img class=`card__img` src=`https://flagcdn.com/w320/in.png` alt=`Republic of India flag` loading=`lazy`></pict

><picture><img class=`card__img` src=`https://flagcdn.com/w320/io.png` alt=`British Indian Ocean Territory flag` loading=`lazy`></pict

><picture><img class=`card__img` src=`https://flagcdn.com/w320/jm.png` alt=`Jamaica flag` loading=`lazy`></pict

><picture><img class=`card__img` src=`https://flagcdn.com/w320/mk.png` alt=`Republic of North Macedonia flag` loading=`lazy`></pict

><picture><img class=`card__img` src=`https://flagcdn.com/w320/ca.png` alt=`Canada flag` loading=`lazy`></pict

><picture><img class=`card__img` src=`https://flagcdn.com/w320/gu.png` alt=`Guam flag` loading=`lazy`></pict

><picture><img class=`card__img` src=`https://flagcdn.com/w320/nf.png` alt=`Territory of Norfolk Island flag` loading=`lazy`></pict

><picture><img class=`card__img` src=`https://flagcdn.com/w320/kn.png` alt=`Federation of Saint Christopher and Nevis flag` loading=`lazy`></pict

><picture><img class=`card__img` src=`https://flagcdn.com/w320/gd.png` alt=`Grenada flag` loading=`lazy`></pict

><picture><img class=`card__img` src=`https://flagcdn.com/w320/lr.png` alt=`Republic of Liberia flag` loading=`lazy`></pict

><picture><img class=`card__img` src=`https://flagcdn.com/w320/us.png` alt=`United States of America flag` loading=`lazy`></pict

><picture><img class=`card__img` src=`https://flagcdn.com/w320/bh.png` alt=`Kingdom of Bahrain flag` loading=`lazy`></pict

><picture><img class=`card__img` src=`https://flagcdn.com/w320/de.png` alt=`Federal Republic of Germany flag` loading=`lazy`></pict

><picture><img class=`card__img` src=`https://flagcdn.com/w320/bm.png` alt=`Bermuda flag` loading=`lazy`></pict

><picture><img class=`card__img` src=`https://flagcdn.com/w320/my.png` alt=`Malaysia flag` loading=`lazy`></pict

><picture><img class=`card__img` src=`https://flagcdn.com/w320/ki.png` alt=`Independent and Sovereign Republic of Kiribati flag` loading=`lazy`></pict

><picture><img class=`card__img` src=`https://flagcdn.com/w320/ua.png` alt=`Ukraine flag` loading=`lazy`></pict

><picture><img class=`card__img` src=`https://flagcdn.com/w320/fo.png` alt=`Faroe Islands flag` loading=`lazy`></pict

><picture><img class=`card__img` src=`https://upload.wikimedia.org/wikipedia/commons/thumb/5/5c/Flag_of_the_Taliban.svg/320px-Flag_of_the_Taliban.svg.png` alt=`Islamic Republic of Afghanistan flag` loading=`lazy`></pict

><picture><img class=`card__img` src=`https://flagcdn.com/w320/st.png` alt=`Democratic Republic of São Tomé and Príncipe flag` loading=`lazy`></pict

><picture><img class=`card__img` src=`https://flagcdn.com/w320/kw.png` alt=`State of Kuwait flag` loading=`lazy`></pict

><picture><img class=`card__img` src=`https://flagcdn.com/w320/pl.png` alt=`Republic of Poland flag` loading=`lazy`></pict

><picture><img class=`card__img` src=`https://flagcdn.com/w320/vu.png` alt=`Republic of Vanuatu flag` loading=`lazy`></pict

><picture><img class=`card__img` src=`https://flagcdn.com/w320/km.png` alt=`Union of the Comoros flag` loading=`lazy`></pict

><picture><img class=`card__img` src=`https://flagcdn.com/w320/as.png` alt=`American Samoa flag` loading=`lazy`></pict

><picture><img class=`card__img` src=`https://flagcdn.com/w320/nu.png` alt=`Niue flag` loading=`lazy`></pict

Please log in to post a comment

Community feedback

Responsive website to search countries flags with JS CSS HTML API

Solution retrospective

Please log in to post a comment

Community feedback

Join our Discord community