User card in Bootstrap React (for the course https://www.linkedin.com/learning/building-a-graphql-project-with-react-js)

userCard.js

<div className="card">
  <img className="card-img-top" src={data?.viewer.avatarUrl} alt="Card image" />
  <div className="card-body">
    <h4 className="card-title">{data?.viewer.name}</h4>
    <p className="font-weight-light">@{data?.viewer.login}</p>
    <p className="card-text">{data?.viewer.bio}</p>
    <a href="https://github.com/ivanstnsk" className="btn btn-primary">See Profile</a>
  </div>
</div>