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


#1

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: https://gist.github.com/anonymous/762dede384b8a0b3c614941d10c2fdeb
My CSS: https://gist.github.com/anonymous/4334e36e2713c07fe1fd6e7f1ad12272


Move project
#2

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