this is so pretty <3 i love the layout, it's very harmonious!! will def use this!!

the code seems to have broken a little with the top right panel's text breaking to the side? i checked both characters i used it on to find it that it's happening in this preview too...

hello! i'd love to help but i'm afraid that i don't really know what you mean by the top-right panel...? could you specify exactly what's not working correctly? ^_^

using for this guy!! tysm :D

hii sorry to bother u but ive been trying to edit this code for a while now and every time i try adding a new relationship card the entire layout messes up 😭 is there a specific way i should be copy/pasting it?

hi!! what you'll want to do is copy an entire relationship card block (from start tag to end tag), then paste it above the marked comment! it's easier to do so if you collapse the block, then copy it!

image.png?ex=653e7bc0&is=652c06c0&hm=b85

thank u so much omg 😭😭ig since i didnt collapse i kept copying to the top 💀 but again tysm for the help!!!

Using for my character Solomon + 1 more on the way c: I am in love with the layout!!! Just trying to find a css that meshes well together ^^

Used for ic! Such a pretty code :D

few issues:
1, how do i fix https://prnt.sc/HdaaKLyJQqPy the spacing between the paragraph and the header? i want it right under it
2. i can't scroll at all on that column because of the icons

other than that i think i have it figured out!!

hi! the issue that you're having with the images in the relationship section is most likely due to 1) the image you're linking to doesn't have a valid address or 2) you're using the wrong link for the image! make sure that when linking images that you right-click/long-tap and select "copy image address" to get the image link. you'll know that you have the correct link if it ends in .jpg / .png / .gif or any other image file name. if you do have that correct image link ending in the correct file name, try uploading your image somewhere else (imgur, discord, dropbox), since your current hosting site might be down or otherwise not working.


for your second issue, i have instructions in the code on how to remove the html that hides the scroll bar!

hope this helps!

OOOOH so its an image issue? omg i neverthoguht of that ty ill try to add one and see if it helps!! and ty i will def try this :heart:!!!

OH GEEZ OH MY GOODNESS i actually misread ur comment and thought you were asking about the image not loading and not the spacing :'3 the spacing is a much easier fix! you'll want to add  mb-0 to the class of the second p element after the name (the same line as the hearts rating). this is what it should look like! :Dimage.png

you can also change the amount of spacing if it feels too close by changing the number that comes after [ mb- ], like [ mb-2 ] or [ mb-3 ]. you can use numbers 1-5, where 1 is the smallest amount of space and 5 is the largest. 

apologies & i hope this helps better !!

TY!!!!!!!!!!!!!!!!!! also the y stuff the like y overflow auto stuff for the trivia box is already gone so i must have removed it in a silly way . im very confused tho because it fixed the spacing issue on the accent text big paragraph box but not the scrollbar where the icons were

im afraid i don't really understand your question....? if you're trying to remove the icon nav and content box overlap, you can remove mr-lg-n4 from the content box's class! this image clarifies it a bit better, here i changed [ n4 ] to [ 2 ] to match the spacing on the other side of the nav  :]

image.png

used here :3

akira kurusu always and forever 🫶 love this code!!

wake up babe new shark code just dropped

(incredible work as always YAHOOOOOOOOOO)

This user is not visible to guests.

a n o t h e r b a n g e r f r o m d e a r s h a r k

there is not a SINGLE code from you i haven't immediately gone "oh.  ohohohohohoo.  oh this is a good one.  OHOHOHOHOHOHOHOHOO" with stg stg

I LOVE HOW THIS IS FORMATTED OMG /POS 😭🙏🙏

will def use it in the future!!