Code Snippet Library - Homepage User Showcase

Preview

HTML

<div class="container mt-12">
  <h3>Heading</h3>
  <div class="flex flex-col sm:flex-row">
    <!-- Image -->
    <div class="w-full sm:w-1/2 flex">
      <div class="w-full bg-cover bg-center aspect-w-2 aspect-h-1" 
           style="background-image: url('');">
      </div>
    </div>
    <!-- Text -->
    <div class="w-full sm:w-1/2 flex flex-col justify-center p-6 bg-brand-secondary">
      <div class="text-center">
        <h3 class="text-2xl lg:text-3xl text-brand-secondary-contrast">
        Title</h3>
        <p class="text-lg lg:text-xl text-brand-secondary-contrast">Subtitle</p>
          <!-- Add button URL below -->
          <a href="" class="btn btn--primary btn--lg">Button text</a>
      </div>
    </div>
  </div>
</div>