You could also use a grid, depends on if you need to support IE11, but both will work. If you don’t need IE11 support grid is probably better in this scenario as you can control spacing between items a bit better.
The parent of the feature blocks needs to be set to display flex with center alignment, or you can use the old margin: 0 auto method which will work with another display setting. The container on my example page (which is from a Webflow template) uses the margin setting:
Ah gotcha, That worked for centering the text.
Now how do I stack the features from 3 on each row.
Like how you have the features stacked from top to bottom.
Every time I copy and paste the features they stack left-right how do I stack
a certain number for each row like if I wanted 4 or 3 features each row stacking down.