<div class="flag_card"><span class="flag_index">IN</span><div class="flag_img"><img alt="Флаг IN" class="lazy-image" src="flags/PNG-1200/PNG-0.5/IN-0.5-1200.png"></div><div class="flag_shortname">India</div><div class="flag_longname">ভাৰত গণৰাজ্য</div><div class="flag_names_container"><span class="flag_original_lang" title="English">en</span><span>India</span></div><div class="flag_names_container"><span class="flag_original_lang" title="Russian">ru</span><span>Индия</span></div><div class="flag_names_container"><span class="flag_original_lang" title="Chinese">zh</span><span>印度</span></div><div class="flag_names_container"><span class="flag_original_lang" title="Assamese">as</span><span>ভাৰত গণৰাজ্য</span></div><div class="flag_names_container"><span class="flag_original_lang" title="Bengali">bn</span><span>ভারতীয় প্রজাতন্ত্র</span></div><div class="flag_names_container"><span class="flag_original_lang" title="Bodo">brx</span><span>भारत गणराज्य</span></div><div class="flag_names_container"><span class="flag_original_lang" title="Dogri">doi</span><span>भारत गणराज्य</span></div><div class="flag_names_container"><span class="flag_original_lang" title="English">en</span><span>Republic of India</span></div><div class="flag_names_container"><span class="flag_original_lang" title="Gujarati">gu</span><span>ભારતીય ગણતંત્ર</span></div><div class="flag_names_container"><span class="flag_original_lang" title="Hindi">hi</span><span>भारत गणराज्य</span></div><div class="flag_names_container"><span class="flag_original_lang" title="Kannada">kn</span><span>ಭಾರತ ಗಣರಾಜ್ಯ</span></div><div class="flag_names_container"><span class="flag_original_lang" title="Konkani">kok</span><span>भारत गणराज्य</span></div><div class="flag_names_container"><span class="flag_original_lang" title="Kashmiri">ks</span><span>جۆمہوٗرِیَہ ہِندوستان</span></div><div class="flag_names_container"><span class="flag_original_lang" title="Maithili">mai</span><span>भारत गणराज्य</span></div><div class="flag_names_container"><span class="flag_original_lang" title="Malayalam">ml</span><span>ഭാരതമഹാരാജ്യം</span></div><div class="flag_names_container"><span class="flag_original_lang" title="Meitei (Manipuri)">mni</span><span>ভারত গণরাজ্য</span></div><div class="flag_names_container"><span class="flag_original_lang" title="Marathi">mr</span><span>भारतीय प्रजासत्ताक</span></div><div class="flag_names_container"><span class="flag_original_lang" title="Nepali">ne</span><span>गणतन्त्र भारत</span></div><div class="flag_names_container"><span class="flag_original_lang" title="Odia">or</span><span>ଭାରତ ଗଣରାଜ୍ୟ</span></div><div class="flag_names_container"><span class="flag_original_lang" title="Punjabi">pa</span><span>ਭਾਰਤ ਗਣਰਾਜ</span></div><div class="flag_names_container"><span class="flag_original_lang" title="Sanskrit">sa</span><span>भारतमहाराज्यम्</span></div><div class="flag_names_container"><span class="flag_original_lang" title="Santali">sat</span><span>ᱥᱤᱧᱚᱛ ᱨᱮᱱᱟᱜ ᱟᱹᱯᱱᱟᱹᱛ</span></div><div class="flag_names_container"><span class="flag_original_lang" title="Sindhi (Arabic)">sd-a</span><span>جمهوريه ڀارت</span></div><div class="flag_names_container"><span class="flag_original_lang" title="Sindhi (Devanagari)">sd-d</span><span>भारत गणतन्त्र</span></div><div class="flag_names_container"><span class="flag_original_lang" title="Tamil">ta</span><span>இந்தியக் குடியரசு</span></div><div class="flag_names_container"><span class="flag_original_lang" title="Telugu">te</span><span>భారత గణతంత్ర రాజ్యము</span></div><div class="flag_names_container"><span class="flag_original_lang" title="Urdu">ur</span><span>جمہوریہ ہندوستان</span></div><div class="flag_colors_container"><div class="flag_color" title="green" style="background-color: rgb(30, 154, 28);"></div><div class="flag_color" title="orange" style="background-color: rgb(244, 129, 47);"></div><div class="flag_color" title="white" style="background-color: rgb(255, 255, 255);"></div><div class="flag_color" title="blue" style="background-color: rgb(15, 50, 150);"></div></div><button class="toggle-subs-btn">Скрыть Подразделения</button><div class="flag_subdivisions_container"><h4>Подразделения:</h4><p>Andaman and Nicobar Islands</p><p>Andhra Pradesh</p><p>Arunachal Pradesh</p><p>Assam</p><p>Bihar</p><p>Chhattisgarh</p><p>Chandigarh</p><p>Dadra and Nagar Haveli and Daman and Diu</p><p>Delhi</p><p>Goa</p><p>Gujarat</p><p>Himachal Pradesh</p><p>Haryana</p><p>Jharkhand</p><p>Jammu and Kashmir</p><p>Karnataka</p><p>Kerala</p><p>Ladakh</p><p>Lakshadweep</p><p>Maharashtra</p><p>Meghalaya</p><p>Manipur</p><p>Madhya Pradesh</p><p>Mizoram</p><p>Nagaland</p><p>Odisha</p><p>Punjab</p><p>Puducherry</p><p>Rajasthan</p><p>Sikkim</p><p>Tamil Nadu</p><p>Tripura</p><p>Telangana</p><p>Uttarakhand</p><p>Uttar Pradesh</p><p>West Bengal</p></div></div>


Попробуй задизайнить эту карточку с помощью CSS. Лучше под тёмную тему

Сейчас стили выглядят так:

.flag_card {
	border: 1px solid #ddd;
	border-radius: 8px;
	padding: 10px;
	margin: 10px;
	width: 200px;
	display: inline-block;
	vertical-align: top;
	background-color: #fff;
}

.flag_img img {
	width: 100%;
	height: auto;
	border-radius: 4px;
	object-fit: cover;
}
.lazy-image {
	opacity: 0;
	transition: opacity 0.3s ease-in-out;
}

.lazy-image[src]:not([data-src]) {
	opacity: 1;
}
.flag_index {
	font-weight: bold;
}

.flag_shortname, .flag_longname, .flag_names_container, .flag_colors_container {
	margin-top: 5px;
}

.flag_color {
	width: 15px;
	height: 15px;
	display: inline-block;
	margin-right: 3px;
	border: 1px solid #000;
	border-radius: 3px;
}

.flag_subdivisions_container {
	margin-top: 10px;
	padding: 10px;
	background-color: #e9ecef;
	border-radius: 5px;
}

.flag_subdivisions_container h4 {
	margin-bottom: 5px;
}

.flag_subdivisions_container p {
	margin: 2px 0;
	font-size: 0.9em;
}

.toggle-subs-btn {
	margin-top: 10px;
	padding: 5px 10px;
	background-color: #6c757d;
	color: #fff;
	border: none;
	border-radius: 5px;
	cursor: pointer;
}

.toggle-subs-btn:hover {
	background-color: #5a6268;
}

.flag_subdivisions_container.hidden {
	display: none;
}