JSFiddle - React, Tailwind, and code Playground

HTML

<div class="block">
  <a href="#"><i class="vk">soc-links</i></a>
  <a href="#"><i class="ok">soc-links</i></a>
  <a href="#"><i class="gp">soc-links</i></a>
  <a href="#"><i class="fb">soc-links</i></a>
  <a href="#"><i class="in">soc-links</i></a>
  
  <a href="#" class="fullwidth">fullwidth</a>
</div>

SCSS

.block {
  width: 100%;
  text-align: center;
  a:not(.fullwidth) {
    display: inline-block;
    background-color: yellow;
  }
  .fullwidth {
    background-color: grey;
    display: block;
  }
}