I am practicing HTML, CSS and JavaScript and I encountered a problem while trying to create a container for company services. Every single service div has a button to show more text which “opens” the div down. I noticed that the whole row in a grid moves down.

There should be 3 service divs in a row and then there should be rows as much as there is service divs remaining and the first element in a horizontal row should be on the left side. I tried to make that when the hidden element is displayed, it would ONLY move down the service div below the opened element and not the whole row.