Support Articles

Code Snippet Library - Branding Bar Text & Logo

Zapnito Jan 10, 2023

Preview

HTML

<div class="branding-bar__wrap flex w-full items-center">
  <div class="w-1/2 flex items-center justify-start">
    <p class="m-0 ml-4 text-white">Text</p>
  </div>

  <div class="w-1/2 flex items-center justify-end">
    <!-- Add link to external site here -->
    <a href="" target="_blank">
      <!-- Add image URL below -->
      <img src="" alt="Add relevant alt text here" class="h-6 mr-4">
    </a>
  </div> 
</div>

CSS

/* Define the background colour of the branding bar */
.branding-bar {
  background-color: ;
}