Adding new content in repeating group after adding data

I am really struggling with adding repeating group data without having the horizontal or vertical scrolling effect. I am working on a project management application.

After a user adds a new task on his project I want to display that data on the dashboard page, there is more content on the page and I want to add the data on the page without scrolling vertical or horizontal, how do I do that?

So the new task should be automatically added to the right of the other task and the third one would also be next to it and after that there is no more space in the group and the second row should also fill up three more tasks.

When there is only one task the space should not be used and should have room for other groups and data. How do I do this without filling up my entire editor page?

Short video of my question: