Блог

Я пытался сделать ссылку на изображение Github и ссылку на изображение Patreon рядом друг с другом. После некоторых поисков я узнал о черной магии под названием flex, но теперь она очень далеко друг от друга, и я этого не хочу. Как бы я это исправил? (Код и изображения ниже)

HTML:

 <div class="promotion">
<div class="cloumn">
  <li><a href="https://github.com/noprojects/noprojects.net">
  <img src="img/github.png" style="width:15%"></a></li>
</div>
<div class="cloumn">
  <li><a href="https://patreon.com/noprojects">
  <img src="img/patreon.png" style="width:15%"></a></li>
</div>
 

CSS:

Что происходит:

Я не уверен, почему теги элементов вашего списка <li> не указаны в теге списка <ul> .

 <div class="promotion">
  <div class="cloumn">
    <a href="https://github.com/noprojects/noprojects.net">
      <img src="img/github.png" style="width:15%">
    </a>
    <a href="https://patreon.com/noprojects">
      <img src="img/patreon.png" style="width:15%">
    </a>
  </div>
</div>
 

Затем добавьте значения .promotion li css в .cloumn класс.