JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">
<div class="container row">

  <!-- Контент страницы -->
  <div class="col col-lg-9 col-md-9 col-sm-9">
    <div class="content layout">
		  Контент
    </div>
  </div>

  <!-- Часть сайт-бара -->
  <div class="col col-lg-3 col-md-3 col-sm-3">
	  <div class="user__profile  layout">
		  <p>Профиль</p>
		</div>
    <div class="animals__categories layout">
		  <p>Категории животных</p>
    </div>
    <div class="random__animal  layout">
		  <div class="inline"><img src="img/random.png" alt="" width="50"></div>
			<p class="inline">Случайная статья</p>
    </div>
  </div>
  
</div>

CSS

.layout {
  background-color: #eeeeee;
  border-radius: 3px;
}

.content {
  margin-top: 25px;
  min-height: 6789px;
}

.user__profile {
  margin-top: 25px;
  height: 300px;
  background-color: #eeeeee;
}

.animals__categories {
  margin-top: 25px;
  height: 370px;
  background-color: #eeeeee;
}

.random__animal {
  padding-top: 10px;
  text-align: center;
  margin-top: 25px;
  height: 70px;
}