How can I get my columns side-by-side, instead of stacked vertically?


Hey team,

I am getting the same issue. I kept my Move, Sync, Compete within the

where the H1 and P for Move were originally.

However they’re still stacking vertically, and I can’t get them to all be on the one line - I also tried inline-block in my CSS, but no avail.

Please help.

My code:

Move project

isn’t the bootstrap grid system used in these exercise? Anyway, you understand how the grid system works? you should wrap h2 + paragraph in a separate div, like i did here

Now, each col will take 33% of the width, and sit beside each other