JSFiddle - React, Tailwind, and code Playground

HTML

<div class="container">
    <div class="controls">PLAY</div>
    <div class="inner-container">
        <div class="name">NAME</div>
        <div class="artist">ARTIST</div>
        <div class="album">ALBUM</div>
    </div>
</div>

CSS

.container {
    display: flex;
    flex-wrap: wrap;
}

.inner-container {
    display: flex;
    flex: 0 0 75%;
}

.controls {
    flex: 0 0 25%;
}

.name,
.artist,
.album {
    flex: 1;
}

@media screen and (max-width: 600px) {
    .inner-container { flex-direction: column; }
    .controls { align-self: center; }
}