JSFiddle - React, Tailwind, and code Playground

HTML

<div id='headertwitt' >
      <a style="border:0px;" href="http://twitter.com/****" target="_blank" rel="nofollow"><img class="leftpix colorbox-manual" title="Перейти на страничку блога в Twitter" src="http://twtt.ru/wp-content/themes/original-twtt/images/twitter.png" alt="Официальный аккаунт блога &quot;Твой Твиттер&quot; в Twitter" width="33" height="33">
      </a>
  </div>

<div id='headerface' >
    <a style="border:0px;" href="https://www.facebook.com/****" target="_blank" rel="nofollow"><img class="leftpix colorbox-manual" title="Перейти на страничку блога в Facebook" src="http://twtt.ru/wp-content/themes/original-twtt/images/facebook.png" alt="Официальная страничка блога &quot;Твой Твиттер&quot; в Facebook" width="33" height="33">
    </a>
  </div>

CSS

body{
    height:120em;/*для теста-на-фидле. можно убрать*/
}
#headertwitt,
#headerface{
    position: fixed;
    bottom: 0;
    z-index: 10001;
}
#headertwitt{
    right: 33px;
}
#headerface{
    right: 0;
}