|
|
@ -10,7 +10,7 @@ const Country = ({ country: { name, flag, population } }) => {
|
|
|
|
<img src={flag} alt={name} />
|
|
|
|
<img src={flag} alt={name} />
|
|
|
|
</div>
|
|
|
|
</div>
|
|
|
|
<h3 className='country_name'>{name.toUpperCase()}</h3>
|
|
|
|
<h3 className='country_name'>{name.toUpperCase()}</h3>
|
|
|
|
<div class='country_text'>
|
|
|
|
<div className='country_text'>
|
|
|
|
<p>
|
|
|
|
<p>
|
|
|
|
<span>Population: </span>
|
|
|
|
<span>Population: </span>
|
|
|
|
{population}
|
|
|
|
{population}
|
|
|
|