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.