Почему меню в мобильной версии уходит на вторую строчку?

<div class="row">
    <div class="offset-md-5 offsett-sm-0  offset-0 mb-5"></div>
<div class="col-md-1 col-sm-6 col-6 mb-5"> <a href="index.html"><p>porfoLio</p></a> </div>    <div class="col-md-1 col-sm-6 col-6 mb-5"> <a href="contacts.html"><p>contacTs</p> </a> </div>
<div class="offset-md-5 offset-sm-0 offset-0 mb-5"></div>
</div>