PinocioCORP

Вообщем был мой косяк за невнимательность.

Проблема в отработке "Бургера" была. Не все элементы на мобилке скрывались.
Так было...

<div class="j-block__mobile">
	<a href="#j-offcanvas__leftmenu" class="j-button j-button__mobile">
	    Каталог
	</a>
	<a href="#j-offcanvas__topmenu" class="j-button j-button__mobile">
	    Меню
	</a>
	<!-- вырезано -->
</div>

Так стало...

<div class="j-block__mobile">
	<a href="#j-offcanvas__leftmenu" class="j-button j-button__mobile">
	    <span>Каталог</span>
	</a>
	<a href="#j-offcanvas__topmenu" class="j-button j-button__mobile">
	    <span>Меню</span>
	</a>
	<!-- вырезано -->
</div>

В адаптиве не правильно срабатывал display: none на эти элементы, в итоге, оформив текст в span
а в css прописав от греха подальше

@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
  body{
    max-width: 100vw!important;
    overflow-x: hidden!important;
  }
  .j-block__mobile{
  max-width: 100%;
  }
  .j-button.j-button__mobile>span{
    display: none;
  }
}

Добился результата, что теперь все нормально.

Есть три способа.
1. Оборачиваешь оба элемента в один DiV с классом .wrapper и врапперу даешь display: flex
2. Оборачиваешь оба элемента в один div c классом .wrapper и даешь этим двум элементами display: inline-blcok
3. Так же оборачиваешь два элемента и одному даешь float: left второму float:right

Я бы воспользовался бы 2 вариантом в твоем случае.

.wrapper>div{
	display: inline-block;
}

<div class="wrapper">
	<div class="ssilki_na_disk1">
	  <div class="text_na_disk">
	  <a>Синквейн</a>
	  </div>
	</div>
	<div class="ssilki_na_disk2">
	  <div class="text_na_disk2">
	  <a>Внеклассное чтение по обществознанию</a>
	  </div>
	</div>
</div>