https://i.sstatic.net/Lk5uz.png
I am facing an issue where I am unable to create a space between to and Diluvio in my React code.
<div className="about-div_lastfm fade-in">
<p className="actualmente-escuchando">Listening now to</p>
<p className="artista">
{" "}{songName} <span className="actualmente-escuchando">by</span>{' '}
<a href={urlPath} target="_blank">{artistName}</a>
<img
className="img-nowPlaying"
src={gif}
alt="Ahora sonando, do do do..."
/>
</p>
</div>
CSS:
.about-div_lastfm {
font-size: 1rem;
display: flex;
align-items: baseline;
padding-right: 1rem;
line-height: 1.2;
font-weight: 100;
}