<div class="blocks-sc-2col-04 wrapper bg-color-ui-01"> <div class="blog grid-container main-container" data-test=""> <div class="spacer x-large"></div> <!-- article --> <article data-test="blog-list-article" class="grid-x grid-padding-x gutter-medium blog-list align-middle"> <div class="large-6 medium-6 small-12 cell"> <a> <img src="https://insites.imgix.net/Dark.png" alt="image" /> </a> <div class="spacer xxx-large show-for-small-only"></div> </div> <div class="large-5 large-offset-1 medium-6 small-12 cell"> <ins-tag class="capitalize" icon="icon-tag1" font-color="#1e86e3" background-color="#1e86e31a" label="DESIGN"> </ins-tag> <div class="spacer small"></div> <div class="spacer large font-small blog-details"> <a class="color-font-head" data-test=""> <h2 class="heading-3 font-blue">8 mobile UX best practices every designer should consider</h2> </a> <div class="spacer small"></div> <p class="subhead-2 color-font-body"> Published on Sep 17, 2021 by Rebecca Sewkarran </p> </div> <div class="blog-description"> <p class="font-grey">8 mobile UX best practices every designer should consider.</p> <div class=" spacer large"></div> </div> <a class="button-default color-main"> Read More <i class="icon-angle-right"></i></a> </div> </article> <!-- /article --> <div class="spacer x-large"></div> </div> </div>