failure edit

<!------ f2u code by yui ( and a bit by hara / hopeiess! ) --------------------->
                <!------ u can edit the code however u want as long as i still have credit haha --------------------->

<div class="bg-faded rounded-0 p-2 mt-4 col-md-6 col-12 mx-auto" style="border-radius:1.5em; box-shadow: 0px 0px 15px rgba(0,0,0,.15);">



  <div class="card card-block rounded-0 col-md-6 col-12 mx-auto" style="border-radius:1.5em; min-height:500px; max-width:495px;">



<div class="row no-gutters">
        <!------ [ AVATAR ] --------------------->
<div class="card rounded-0 border-0"

style="height:

150px;width:150px; background-image: url(https://f2.toyhou.se/file/f2-toyhou-se/characters/11414788?1623077752); background-

position:

center; background-size: cover; margin-right: 15px"></div>

          <div class="card card-block mb-0 border-0 col-md-7 col-12 p-0 mt-2">

          <!------

[ BASICS ] --------------------->

              <p class="text-center font-italic text-muted mb-3">adj . adj . adj </p>

             <div

class="row text-center" style="font-size:13.5px;">
          <div class="col-md-6">
            <div class="justify-content-between">



       <div class="bg-faded rounded p-1">
              <i class="fal fa-cat fa-fw text-muted" /></div>

              <span class="text-

muted"> age </span></div>
            <div class="justify-content-between"></div></div>

            <div class="col-md-6">
            <div

class="justify-content-between">

              <div class="bg-faded rounded p-1">
              <i class="fal fa-cat fa-fw text-muted"

/></div>

              <span class="text-muted"> gender </span></div>
            <div class="justify-content-between"></div></div>



    <div class="col-md-6">
            <div class="justify-content-between">


              <div class="bg-faded rounded p-1">


<i class="fal fa-cat fa-fw text-muted" /></div>

              <span class="text-muted"> sexuality </span></div>
            <div

class="justify-content-between"></div></div>

            <div class="col-md-6">
            <div class="justify-content-between">



    <div class="bg-faded rounded p-1">
              <i class="fal fa-cat fa-fw text-muted" /></div>

              <span class="text-

muted"> species </span></div>
            <div class="justify-content-between"></div></div>

            <div class="col-md-6">


<div class="justify-content-between">


          </div>
        </div>
   </div>
        <!------ [ NAV BUTTONS ] --------------------->



     <ul class="nav row no-gutters content-center text-center text-uppercase mb-0">
                      <li class="col-md-3 col-4 mx-auto mb-2 nav-item" style="border-radius: 1em;">
                       <a class="btn btn-secondary text-muted px-md-1 py-2 nav-link active" data-toggle="tab" href="#ONE">

                         <i class="fas fa-user fa-spin"></i></a></li>

                    <li class="col-md-3 col-4 mx-auto mb-2 nav-item" style="border-radius: 1em;">
                      <a class="btn btn-secondary text-muted px-md-1 py-2 nav-link" data-toggle="tab" href="#TWO">

                        <i class="fas fa-star fa-spin"></i></a></li>

                    <li class="col-md-3 col-4 mx-auto mb-2 nav-item" style="border-radius: 1em;">

                      <a class="btn btn-secondary text-muted px-md-1 py-2 nav-link" data-toggle="tab" href="#THREE">

                        <i class="fas fa-pencil fa-spin"></i></a></li>

        <!----- Code Credits ----->



        <li class="col-2"><a class="btn btn-secondary text-muted px-md-1 py-2 tooltipster" title="code by yui"

href="https://toyhou.se/yulgurt"><i class="far fa-code fa-spin"></i></a></li>
                    </ul>
        </div>
        <hr

class="my-0 mt-3 mb-2" style="width:95%">

        <div class="p-2 col-md-12 col-12 mb-3" style="max-height: 220px; overflow-y: auto;">


<div class="tab-content">
        <div class="tab-pane fade active show" id="ONE">

        <!---------- [ ABOUT SECTION ]

---------------------------->

        <p class="text-uppercase mb-2" style="font-size:25px; font-weight:500">NAME</p>

        <p

class="text-muted">

            write abt ur character here!! this box scrolls :D. consectetur adipiscing elit. Cras sed est finibus,

imperdiet nulla in, porta massa. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Morbi

tristique imperdiet erat ac iaculis. Sed accumsan viverra est vitae dignissim. Suspendisse vulputate felis a velit ultricies porttitor.

</p>

        <p class="text-muted">

          Proin feugiat purus arcu, commodo facilisis nunc pretium id. Donec tristique in turpis et

laoreet. Nam tincidunt consequat vehicula. Suspendisse vulputate felis a velit ultricies porttitor.  Sed eu turpis ut massa suscipit

ornare. Aenean tortor erat, congue vel euismod ac, tincidunt quis aenean tortor erat. </p>


    </div>

        <div class="tab-pane fade"

style="overflow-x: hidden;" id="TWO">

        <!----------[ TRIVIA SECTION ] ---------------------------->

        <p class="text-

uppercase mb-2" style="font-size:25px; font-weight:500">Trivia</p>

        <ul class="text-muted">
        <li class="my-2">trivia.</li>
        <li class="my-2">trivia.</li>
        <li class="my-2">trivia.</li>
        <li class="my-2">trivia.</li>
        <li

class="my-2">trivia.</li>
        </ul>


        </div>



        <div class="tab-pane fade" id="THREE">

        <!----------[ DESIGN

NOTES ] ---------------------------->

    <p class="text-uppercase mb-2" style="font-size:25px; font-weight:500">Design Notes</p>



<ul class="text-muted">
        <li class="my-2">note</li>
        <li class="my-2">note</li>
        <li class="my-2">note</li>
        <li

class="my-2">note</li>
        <li class="my-2">note</li>
 <div class="card rounded-0 border-0" style="height: 180px; background-image: url

(https://f2.toyhou.se/file/f2-toyhou-se/images/35745917_d04dYZJ3zjLBrfk.png); background-position: center; background-size: cover;"></div>


         </div>
        </ul>
        </div>

      <div class="tab-pane fade" id="FOUR">
        <a href="https://toyhouse/yulgurt"

style="color:#aaa">credit</a>
      </div>