MOVE PROJECT - how do I make the sections all on one line?


#1

Okay I'm trying to figure out how to make my code look like this:

What CSS code do I use to make my HTML code look like the above?

      <h2>Move</h2>
      <p>Become more active by tracking your runs, rides, and walks.</p>
      <h2> Sync</h2>     
      <p>Access your activity on your phone, tablet, or computer.</p>
      <h2>Compete</h2>
      <p>Set personal challenges and see how you rank against your friends. </p>

#2

you should use "<div class="col"> </div>" to do that. just wrap each column with col class. it will be fine.


#3

Okay thank you Ozanyil. I figured it out I did it a different way by using position:relative and moving it that way.