Long story short: there was a misplaced </div> after the first tab which should be after all of the tab groups! I wasn't sure how to explain it (brain is melted lol) so I fixed it for you ^^ (if you don't mind the unorganised code)!:
<div class="mx-auto mt-3" style="color:#404040;font-size:85%;letter-spacing:.2px;max-width:756px;"> <div class="row no-gutters"> <div class="card-block border-0 p-3" style="border-radius:15px;background-image:url(https://i.pinimg.com/originals/75/ce/88/75ce88999c5cb080b6eabe19655b4555.jpg);background-size:cover;background-position:top;background-attachment:scroll;"> <div class="card-block p-2 text-white"> <div class="justify-content-between" style="font-size:17px;"> <span><i class="far fa-star fa-fw"></i></span> <span style="letter-spacing:2px;">StarrySpirit</span> </div> </div> <div class="tab-content row no-gutters"> <div class="col-lg-12 p-1 order-3"> <ul class="nav nav-pills pull-right"> <li class="px-1"> <a class="btn btn-outline-secondary active" style="font-size:95%;letter-spacing:1px;border-color:#aaaaaa;background:#f2f2f2;color:#aaaaaa;" data-toggle="tab" href="#foggyone"> Zero </a> </li> <li class="px-1"> <a class="btn bg-faded btn-outline-secondary" style="font-size:95%;letter-spacing:1px;border-color:#aaaaaa;background:#f2f2f2;color:#aaaaaa;" data-toggle="tab" href="#foggytwo"> playlist </a> </li> <li class="px-1"> <a class="btn bg-faded btn-outline-secondary" style="font-size:95%;letter-spacing:1px;border-color:#aaaaaa;background:#f2f2f2;color:#aaaaaa;" data-toggle="tab" href="#foggythree"> friends </a> </li> </ul> </div> <div class="col-lg-4 p-2 order-lg-1"> <div class="card p-3 w-100 h-100" style="background:#f2f2f2;border-color:#aaaaaa;"> <div class="text-center"> <img src="https://f2.toyhou.se/file/f2-toyhou-se/images/34589756_Rq3jbcDsBPSCURz.png" class="fr-rounded img-thumbnail p-2 mb-2" style="max-width:150px;max-height:150px;background:#f2f2f2;border-color:#aaaaaa;" alt="34589756_Rq3jbcDsBPSCURz.png"> </div> <div class="text-center p-1" style="font-size:88%;color:#837b85;"><i> tired artist <i class="fas fa-angle-right fa-sm px-1"></i> asexual <i class="fas fa-angle-right fa-sm px-1"></i> Nonbinary </i></div> <hr class="w-100" style="border-color:#404040;opacity:.15;"> <div class="justify-content-between py-1"> <span style="color:#837b85;">requests</span> <span>NEVER</span> </div> <div class="justify-content-between py-1"> <span style="color:#837b85;">trades</span> <span>Ask</span> </div> <div class="justify-content-between py-1"> <span style="color:#837b85;">commisions</span> <span>Open!</span> </div> </div> </div> <div class="col-lg-8 p-2 order-lg-2"> <div class="card table-responsive tab-content" style="height:330px;background:#f2f2f2;border-color:#aaaaaa;"> <div class="tab-pane fade active show" id="foggyone"> <div class="p-3" style="background:#f2f2f2;"> <div class="pb-2" style="font-size:15px;letter-spacing:2px;"> <i class="fas fa-star fa-sm pr-3"></i>| Eclipse </div><hr class="my-2 pb-1" style="border-color:#404040;opacity:.15;"> <div class="text-justify" style="height:140px;overflow:auto;color:#837b85;"> <p>Ah crap- i have to make an intro. Okay, fine then. Welcome to my personal hell, where all of my characters lay. Some are very wholesome, but some are as edgy as frick- welp, good luck new user, also-</p> <p>If you dare steal or trace any of my chars you will end up on my blacklist ^^</p> Icon is by <span class="display-user"><a href="https://toyhou.se/AvianGrenade"><i class="fi-torso user-name-icon"></i>AvianGrenade</a></span>! Code icon is by <span class="display-user"><a href="https://toyhou.se/oatsies"><i class="fi-torso user-name-icon"></i>oatsies</a></span> <p></p> </div><hr style="border-color:#404040;opacity:.15;"> <div class="row no-gutters pt-3 text-center"> <div class="col"> <a href="https://www.deviantart.com/starrispirit" style="color:#aaaaaa;"> <i class="fab fa-deviantart fa-2x"></i> </a> </div> <div class="col"> <a href="https://scratch.mit.edu/users/Rosey_Eclipse/" style="color:#aaaaaa;"> <i class="fas fa-paw fa-2x"></i> </a> </div> </div> </div> </div> <div class="tab-pane fade" id="foggytwo"> <div class="p-3" style="min-height:310px;overflow:auto;background:#f2f2f2;"> <div class="pb-2" style="font-size:15px;letter-spacing:2px;"> <i class="fas fa-music fa-sm pr-3"></i>| my playlist </div><hr class="mt-2 mb-3" style="border-color:#404040;opacity:.15;"> <div class="text-justify px-1" style="max-height:245px;overflow:auto;"> <div class="justify-content-between"> <span class="my-auto"> <a href="https://www.youtube.com/watch?v=C5fLxtJH2Qs" style="color:#aaaaaa;"> <i class="fas fa-play-circle"></i> </a> </span> <span> <span class="font-italic pull-right">Royalty</span><br> <span class="pull-right" style="color:#837b85;">Artist — Egzod & Maestro Chives - Royalty</span> </span> </div><hr class="my-2 mb-3" style="border-color:#404040;opacity:.15;"> <div class="justify-content-between"> <span class="my-auto"> <a style="color:#aaaaaa;"> <i class="fas fa-play-circle"></i> </a> </span> <span> <span class="font-italic pull-right">Crossing the Line</span><br> <span class="pull-right" style="color:#837b85;">Artist — Vosai & Facading</span> </span> </div><hr class="my-2 mb-3" style="border-color:#404040;opacity:.15;"> <div class="justify-content-between"> <span class="my-auto"> <a href="https://www.youtube.com/watch?v=u2HRq9nEkrI" style="color:#aaaaaa;"> <i class="fas fa-play-circle"></i> </a> </span> <span> <span class="font-italic pull-right">A stranger's dead</span><br> <span class="pull-right" style="color:#837b85;">Artist — Cadmium X Paul Flint</span> </span> </div><hr class="my-2 mb-3" style="border-color:#404040;opacity:.15;"> <div class="justify-content-between"> <span class="my-auto"> <a href="https://www.youtube.com/watch?v=KBtmHyfOMNU" style="color:#aaaaaa;"> <i class="fas fa-play-circle"></i> </a> </span> <span> <span class="font-italic pull-right"> Blue Eyed Demon [</span><br> <span class="pull-right" style="color:#837b85;">Artist — ROY KNOX -</span> </span> </div><hr class="my-2 mb-3" style="border-color:#404040;opacity:.15;"> </div> </div> </div> <div class="tab-pane fade" id="foggythree"> <div class="p-3" style="min-height:320px;overflow:auto;background:#f2f2f2;"> <div class="pb-2" style="font-size:15px;letter-spacing:2px;"> <i class="fas fa-heart fa-sm pr-3"></i>| my friends </div><hr class="my-2 pb-1" style="border-color:#404040;opacity:.15;"> <div class="row no-gutters text-justify px-1" style="max-height:245px;overflow:auto;"> <div class="col-4 text-center p-1 pb-3"> <img src="https://f2.toyhou.se/file/f2-toyhou-se/users/booozzerd?1" class="fr-rounded mb-2" style="width:100px;height:100px;" alt="booozzerd?1"> <a href="https://toyhou.se/booozzerd" style="color:#aaaaaa;">booozzerd</a> </div> <div class="col-4 text-center p-1 pb-3"> <img src="https://f2.toyhou.se/file/f2-toyhou-se/users/_dreamcatcher_?5" class="fr-rounded mb-2" style="width:100px;height:100px;" alt="_dreamcatcher_?5"> <a href="https://toyhou.se/_dreamcatcher_" style="color:#aaaaaa;">_dreamcatcher_</a> </div> <div class="col-4 text-center p-1 pb-3"> <img src="https://f2.toyhou.se/file/f2-toyhou-se/users/Mistieko?23" class="fr-rounded mb-2" style="width:100px;height:100px;" alt="Mistieko?23"> <a href="https://toyhou.se/Mistieko" style="color:#aaaaaa;">Mistieko</a> </div> <div class="col-4 text-center p-1 pb-3"> <img src="https://f2.toyhou.se/file/f2-toyhou-se/images/32309465_ofjmLfx8CwSKdQg.gif?" class="fr-rounded mb-2" style="width:100px;height:100px;" alt="32309465_ofjmLfx8CwSKdQg.gif?"> <a href="https://toyhou.se/Oatsies" style="color:#aaaaaa;">Oatsies</a> </div> </div> </div> </div> </div> </div> </div> </div> <div class="col-12 text-right small py-2" style="letter-spacing:4px;color:#aaaaaa;"> <a href="https://toyhou.se/9335534.-f2u-user-foggy" class="tooltipster" title="" style="text-decoration:none;color:#aaaaaa;" data-original-title="code by jiko"> <i class="far fa-code"></i> </a> . <a href="https://toyhou.se/ArabicaBean" class="tooltipster" title="" style="color:#aaaaaa;" data-original-title="layout by ArabicaBean"> <i class="far fa-lightbulb"></i> </a> </div> </div> </div>
Long story short: there was a misplaced </div> after the first tab which should be after all of the tab groups! I wasn't sure how to explain it (brain is melted lol) so I fixed it for you ^^ (if you don't mind the unorganised code)!:
2 years, 11 months ago
2 years, 11 months ago