The .ob-blog-##__card class was changed to .ob-card-## to improve component reuse. This change ensures that the class belongs to the CARD component, allowing it to be used in different parts of the web site more efficiently. By having a more generic and BEM-friendly nomenclature, it facilitates code consistency and collaboration between developers. In addition, this reduces duplication of styles and simplifies long-term project maintenance.

Before the change:

<div class="ob-blog-01__card">
    <h2 class="ob-blog-01__card-title">Blog Title</h2>
    <p class="ob-blog-01__card-content">Blog Content</p>
</div>

<div class="ob-blog-02__card">
    <h2 class="ob-blog-02__card-title">Another Blog Title</h2>
    <p class="ob-blog-02__card-content">Another Blog Content</p>
</div>

After the Change:

<div class="ob-card-01">
    <h2 class="ob-card-01__title">Blog Title</h2>
    <p class="ob-card-01__content">Blog Content</p>
</div>

<div class="ob-card-02">
    <h2 class="ob-card-02__title">Another Blog Title</h2>
    <p class="ob-card-02__content">Another Blog Content</p>
</div>