<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://uploads.prod01.sydney.platformos.com/instances/630/property_uploads/modules/insites_assets/assets_upload/asset/032c5cca-4594-4430-9c90-38b115c6dd20/Dark.png?updated=1723195342"
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>