'How to shift html element into ready place, not by pixels?

I have an issue to move a bunch of cards into one place, so it kinda difficult to config for all of them (6 count) translateX and translateY. I want to get this way as on the photo. enter image description here



Solution 1:[1]

Actually, the second (middle) option above worked AFTER I added a callback function, which I didn't realize was a requirement. Final code looked like this:

Class.updateMany({
   layout1: {$elemMatch: {value: "dogset"}}}, 
   { $pull: { layout1: { value: "dogset"}}}, (err, doc) => {
        if (err) {
            console.log(err);
        }
})

Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source
Solution 1 Will Lehman