Notes

(you wont need that div class for the pane tab, but you will need the div class for the row)
<!-------------------[ CHARACTER DETAILS TAB ]------------------->
<div class="tab-pane fade show active p-2" id="nav-characterdetails" role="tabpanel" style="height:430px; overflow:auto;">
<div class="row mx-auto" style="width:95%;">
<!-------------------[ LIKES ]------------------->
<div class="col-sm-6">
<h4 class="text-primary text-uppercase text-center font-weight-bold" style="letter-spacing:2px;">Likes</h4><hr class="bg-primary">
<ul class="list-unstyled">
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
<li>Item 4</li>
<li>Item 5</li>
</ul>
</div><!--Col End-->
<!-------------------[ DISLIKES ]------------------->
<div class="col-sm-6">
<h4 class="text-primary text-uppercase text-center font-weight-bold" style="letter-spacing:2px;">Dislikes</h4><hr class="bg-primary">
<ul class="list-unstyled">
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
<li>Item 4</li>
<li>Item 5</li>
</ul>
</div><!--Col End-->
</div><!--Row End-->
<div class="row mx-auto mt-3" style="width:95%;">
<!-------------------[ STRENGTHS ]------------------->
<div class="col-sm-6">
<h4 class="text-primary text-uppercase text-center font-weight-bold" style="letter-spacing:2px;">Strengths</h4><hr class="bg-primary">
<ul class="list-unstyled">
<li><b>Strength 1:</b> Mauris laoreet maximus nibh, at aliquet justo gravida in. Praesent ac elementum urna, in mattis nibh.</li>
<li><b>Strength 2:</b> Vivamus congue leo tellus, at fringilla dui tincidunt ac.</li>
<li><b>Strength 3:</b> Etiam tempor lorem justo, vel auctor neque aliquet at. Duis porta eros ornare lectus egestas, porttitor iaculis ex cursus. Nulla at blandit odio. Nulla facilisi. </li>
</ul>
</div><!--Col End-->
<!-------------------[ WEAKNESSES ]------------------->
<div class="col-sm-6">
<h4 class="text-primary text-uppercase text-center font-weight-bold" style="letter-spacing:2px;">Weaknesses</h4><hr class="bg-primary">
<ul class="list-unstyled">
<li><b>Weakness 1:</b> Duis sed pulvinar nibh. Cras pharetra lobortis nibh in pellentesque.</li>
<li><b>Weakness 2:</b> Donec dui orci, blandit quis semper tincidunt, tempor eget magna. Proin maximus massa a mattis sollicitudin.</li>
<li><b>Weakness 3:</b> Aliquam felis purus, mattis in ex sed, condimentum tempus libero. Quisque pretium, nibh dictum egestas maximus, velit enim ornare elit, sit amet mattis nulla eros id augue. </li>
</ul>
</div><!--Col End-->
</div><!--Row End-->
<div class="row mx-auto mt-3" style="width:95%;">
<!-------------------[ ITEMS ]------------------->
<div class="col-sm-6">
<h4 class="text-primary text-uppercase text-center font-weight-bold" style="letter-spacing:2px;">Items</h4><hr class="bg-primary">
<ul class="list-unstyled">
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
<li>Item 4</li>
<li>Item 5</li>
</ul>
</div><!--Col End-->
<!-------------------[ HABITS ]------------------->
<div class="col-sm-6">
<h4 class="text-primary text-uppercase text-center font-weight-bold" style="letter-spacing:2px;">Habits</h4><hr class="bg-primary">
<ul class="list-unstyled">
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
<li>Item 4</li>
<li>Item 5</li>
</ul>
</table>
</div><!--Col End-->
</div><!--Row End-->
<div class="row mx-auto mt-3" style="width:95%;">
<!-------------------[ SECRETS ]------------------->
<div class="col-sm-6">
<h4 class="text-primary text-uppercase text-center font-weight-bold" style="letter-spacing:2px;">Secrets</h4><hr class="bg-primary">
<ul class="list-unstyled">
<li><b>Secret 1:</b> Nulla sodales vulputate eros, varius convallis nisl cursus a. Aliquam lacus metus, auctor sed feugiat nec, sagittis ac ex.</li>
<li><b>Secret 2:</b> Sed at nunc vel tellus ultrices faucibus non ut nisi. Cras rutrum tempus velit, sit amet laoreet eros euismod eget. Vivamus vel aliquam ligula</li>
</ul>
</div><!--Col End-->
<!-------------------[ PHOBIAS ]------------------->
<div class="col-sm-6">
<h4 class="text-primary text-uppercase text-center font-weight-bold" style="letter-spacing:2px;">Phobias</h4><hr class="bg-primary">
<ul class="list-unstyled">
<li><b>Fear 1:</b> Nulla sodales vulputate eros, varius convallis nisl cursus a. Aliquam lacus metus, auctor sed feugiat nec, sagittis ac ex.</li>
<li><b>Fear 2:</b> Sed at nunc vel tellus ultrices faucibus non ut nisi. Cras rutrum tempus velit, sit amet laoreet eros euismod eget. Vivamus vel aliquam ligula</li>
</ul>
</div><!--Col End-->
</div><!--Row End-->
<div class="row mx-auto mt-3" style="width:95%;">
</div><!--Row End-->
</div>