Mind & Mend

<style>
.blog-scroll-wrapper {
  overflow: hidden;
  background: #111;
  padding: 20px 0;
  position: relative;
}
.blog-scroll {
  display: flex;
  width: max-content;
  animation: scrollLeftToRight 25s linear infinite;
}
.blog-card {
  background: #1c1c1c;
  color: #fff;
  padding: 20px 30px;
  margin-right: 30px;
  border-radius: 12px;
  min-width: 280px;
  transition: transform 0.3s ease, background 0.3s ease;
  font-family: 'Helvetica Neue', sans-serif;
}
.blog-card:hover {
  transform: translateY(-5px);
  background: #222;
}
.blog-card a {
  color: #fff;
  text-decoration: none;
  font-weight: 600;
  font-size: 18px;
}
.blog-card p {
  font-size: 14px;
  opacity: 0.7;
  margin-top: 8px;
}
@keyframes scrollLeftToRight {
  from {
    transform: translateX(-100%);
  }
  to {
    transform: translateX(100%);
  }
}
</style>
<div class="blog-scroll-wrapper">
  <div class="blog-scroll">
    <div class="blog-card">
      <a href="#">Luxury Kitchen Remodel Ideas</a>
      <p>Elevate your space with custom cabinetry and premium finishes.</p>
    </div>
    <div class="blog-card">
      <a href="#">Bathroom Trends 2026</a>
      <p>Spa-inspired designs that transform your daily routine.</p>
    </div>
    <div class="blog-card">
      <a href="#">Coastal Living Renovation Tips</a>
      <p>Designing for beauty, durability, and ocean air.</p>
    </div>
    <div class="blog-card">
      <a href="#">How to Hire a Contractor</a>
      <p>What homeowners in Wilmington should know first.</p>
    </div>
  </div>
</div>