I can't get the relations part to work on this character https://toyhou.se/16037566.grier. I don't know how to fix it. Help! I tried to add a third relations but messed up the code or smthing.
Hello! Sorry for getting back to you about this later than I would've liked.
In the code, you'll see these two sections:
<!-- image left row --> <div class="row mx-0 py-2 bg-faded"> <div class="col-lg-3 col-md-4 d-flex justify-content-center align-items-center"> <a href="" class="btn btn-outline-info p-1 rounded-circle"><img class="rounded-circle bg-white" src="..."></a> </div> <div class="col-md"> <div class="d-flex flex-wrap align-items-center justify-content-between"> <h4 class="mb-0">Name</h4> <h4 class="mb-0"> <span class="badge badge-info"> <i class="fas fa-heart"></i> <i class="fas fa-heart"></i> <i class="fas fa-heart"></i> <i class="fas fa-heart"></i> <i class="fas fa-heart"></i> </span> </h4> </div> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p> </div> </div>
And:
<!-- image right row --> <div class="row mx-0 py-2 bg-faded"> <div class="col order-md-0 order-1"> <div class="d-flex flex-wrap align-items-center justify-content-between"> <h4 class="mb-0">Name</h4> <h4 class="mb-0"> <span class="badge badge-info"> <i class="fas fa-heart"></i> <i class="fas fa-heart"></i> <i class="fas fa-heart"></i> <i class="fas fa-heart"></i> <i class="fas fa-heart"></i> </span> </h4> </div> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p> </div> <div class="col-lg-3 col-md-4 d-flex justify-content-center align-items-center"> <a href="" class="btn btn-outline-info p-1 rounded-circle"><img class="rounded-circle bg-white" src="..."></a> </div> </div>
All you should need to do is just alternate between using these sections of code (e.g. left -> right -> left -> right).
Hope this helps - let me know if it doesn't!
(F2U) Table Profile's Comments