<div className='listing-list' style={{ display: 'flex' }}>
<div style={{ flex: '0 0 20%' }}>
<img src={flag} alt={`Flag of ${name}`} style={{ width: '100%', height: 'auto' }} />
</div>
<div style={{ flex: '0 0 80%', marginLeft: '20px', textAlign: 'left' }}>
<b><p>{name}</p></b>
<p><strong>Capital:</strong> {capital}</p>
<p><strong>Region:</strong> {region}</p>
<TagsComponent />
</div>
</div>