Hello! I am trying to create a list with elements horizontally. The elements in this list are pictures saved in the database which i want them to be placed in a messy position (not all of them to be the same) I attach a screenshot of how I am thinking
Is it possible to do it like this?
Hi Laura,
It's possible, but I'm not sure what the best way is to do so. It depends a bit on what your requirements are, e.g. do you want the same amount of pictures always? Does the "messy" rotation need to be really variable, or can you get away with a fixed set of rotations per position?
For rotating the images, take a look at the CSS transform: rotate function.
Thank you for your answer! Yes it should be always a fixed number of pictures. and the rotation it can be fixed. like the upper row can be turned 20deg to the right and the lower row to the left.
But thank you for the rotate tips. i will take a look into that
If it's all fixed, I'd probably just create a fixed template with a bunch of containers with the images, adding a rotation to each container and see what that looks like. For starters, I'd just add some static pictures to see what it looks like, before trying to load pictures from the database.