Task 2, the sections don't go in line


#1

Hi everyone!

I'm having a problem with the second task. The sections won't go in one line whatever I do. I've spent quite a lot of time on it but I still don't understand what's wrong. It's as if they didn't take up all the width of the page or something.

Can someone please share how you did this part?


#2

I have the same problem. I wish someone answers.


#3

Did you fully expand the localhost:8000 browser? If the window is not maximized, then it will rearrange itself to fit the window. Let me know if that helps.


#4

Yep, I did. Here's what it looks like:


#5

Please share your HTML and CSS. Thanks.


#6

Without looking at your HTML/CSS, it seems that you did not set the three sections "Move", "Sync," and "Compete" in their own div class="col". Try this:

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

#7

Sorry I couldn't answer, I haven't been around my computer for a few days. What you suggested worked perfectly, thanks a lot!


#8

@fuchsie yay, glad it worked for you :smile: