• When posting, please be aware that artistic nudity is still nudity and not allowed under RpNation rules. Please edit your pictures accordingly!

    Remember to credit artists when using work not your own.

Help A way to arrange images in a row that scales to width


Roleplay Availability
Roleplay Type(s)
My Interest Check
Hi! Can someone help me figure out how to arrange images horizontally, but in a way that scales their width to fill up the entire div? This should be simple but its been a while since I've used bbcode here and none of my old code works.

Ideally I'm looking for a simple snippet I can paste images into without setting the percentages manually, like this:

Ok so I have no idea what Im doing but I managed to get something working ^^. There is probably a better way to do this but I'm leaving the code below in case anyone needs it.

Should look the same on any screen size with any number of images as long as you put a separate HEIGHTRSTRICT tag on each image. It's just a nice way to quickly drop several pictures in a post while staying mobile friendly.


[div=display:flex; flex-direction: row; flex-wrap: nowrap; justify-content: center]





Last edited:

Users who are viewing this thread