Design System

Card

Cards are a versatile and lightweight container for displaying information. They are a great way to organize and present information in a visually appealing way. Cards are a key component of the Outback Nursery design system. They are used to display blog posts, product information, and other content.

Illustration of a Card Implementation

Three potted dwarf conifers
Best 10 Dwarf Conifers

Discover the best 10 compact conifers for your garden. Petite Beauties for Your Garden Haven

HTML Code

          
            <div class="c-branch-out__blog-card l-my-1 l-flex l-flex-column l-p-1">
            <img class="c-branch-out__blog-img" src="images/dwarf-conifers.jpg" alt="Three potted dwarf conifers">
              <div class="c-branch-out__blog-overview l-flex l-flex-column">
                <a class="c-branch-out__blog-name u-subheading u-primary-font l-my-1" href="coming-soon.html">
                Best 10 Dwarf Conifers</a>
                <p class="c-branch-out__blog-overview u-body">
                Discover the best 10 compact conifers for your garden. Petite
                Beauties for Your Garden Haven</p>
              </div>
            </div>