RP Resources

No problem!! 💖 It's always the little things, right lmao, and the fixed background attachment is SUCH a weird issue since it's very much an IJ-specific thing. I've always assumed it's a minor mess-up on their end from 84 years ago.

Basically, the site disallows fixed and absolute positioning of entry code elements to eliminate the potential for it to cover ads or the site's UI, and I think maybe there was something too broad in the programming that took the word "fixed" and decided the background attachment was also A Bad. ANYWAY SORRY, I just wanted to explain why it ruined your code since it's something so random and specific. Okay so!!

flex-wrap:wrap; - Remove unless you're planning on adding new elements that you want to sit below what you currently have. Wrapping with flexbox is for when you're going to have elements side by side but also more than one row (like a cast list) so you're safe to remove that! The wrap spec was what made the code go onto two lines when the background attachment messed things up for you; without it (and still with the fixed attachment) it would still error obv, but the malfunction instead would end up forcing the sidebar into like 100px and ignores the 20% altogether. Completely irrelevant but I like talking about flex LMAO.

width:72.55%; - Change to width:calc(100% - 25%); to simplify/make it easier to change on the fly if you decide you want a different value for the sidebar. This takes away the need to do any actual math yourself, which is always a bonus imo asdfghjkl.

width:90.50%; - Remove; a standard div is automatically 100% width without the padding messing it up. Whenever you DO have something where the padding's messing with the width, though, instead of dealing with accounting for those things when setting the width, add box-sizing:border-box; to the div instead and it'll automatically do it for you. So if you had a div that was 500px wide with 20px padding, without box-sizing:border-box; the div would actually be 540px and with it the div will stay the width you specified, ie. 500px.

cursor:pointer; - Add to each details container in the summary styling to denote that they're clickable.

I actually only tested it on IJ, since DW would probably be a whole other monster haha. But now that I'm rechecking it, I must have deleted something else while fiddling with the code, because I can no longer reproduce the fix by removing the connections section. 💀 My bad! Spoke too soon. (I'm guessing I must've also deleted that fixed background position thing like tess said)