React - use CSS on react code

Question

<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>