Need help with column placement!

please help if you can. I’m tying to place two unsorted columns beside each other. I’m using bootstrap 4.0 and I’ve tried to put each of them inside a “div” element and assign them width of col-sx-6, and then offset one of them by 6. it didn’t work, so I assumed that it can’t be done that way… if anyone has any advice I would be very grateful.

Can you post a link to your codepen?

I’ve never tried Bootstrap 4 before, but I believe you can’t use the row and col classes on the same element (like you did with your lists). How about writing it this way?

<div class="row">
  <div class="col-6">
    <ul>
      ...
    </ul>
  </div>
  <div class="col-6">
    <ul>
      ...
    </ul>
  </div>
</div>

You might also want to move the CSS from the HTML section to the CSS section.

Also remove the second <h2> here:

<h2 class="text-center">
 <h2> a man ahead of his time
</h2>  

I did everything you told me and it worked! thank you sooooo much, this was driving me insane.