Creating the My Friends section

In the previous section, we completed the left side of our page, which had the wall and bubble comments. Now we are going to start working on the right side, which will have our Friends and our Groups section. Before we proceed, let's look at the target site of what we are going to build:

So, back into VS Code to work on the sidebar. Let's populate our lg-4 column. Here is the code:

<div class="col-lg-4">
  <div class="card friends">
    <div class="card-heading">
      <h6 class="card-title">My Friends</h6>
    </div>
    <div class="card-body">
      <ul class="list-inline">
        <li class="list-inline-item">
          <a class="thumbnail" href="profile.html">
            <img src="img/user.png" class="img-thumbnail">
          </a>
        </li>
        <li class="list-inline-item">
          <a class="thumbnail" href="profile.html">
            <img src="img/user...