Dynamic Tile Grid - Copy this Angular, Tailwind Component to your project

the width should vary according to the bootstrap column divisions. New tile should be placed after the previous tile. The width of the new tile should be adjusted according to the width remaining from previous tiles. When the mouse drag for the size happens, only the right and bottom part of the tile should animate, whole tile should not move