View file File name : blog-layout-2-flex-rtl.css Content :/*---------- Media Query min-width Structure ----------*/ /*---------- Media Query max-width Structure ----------*/ /*---------- Break-point min-width Structure ----------*/ /*---------- Break-point max-width Structure ----------*/ .blog-layout-2 { -js-display: flex; display: flex; padding-bottom: 2em; vertical-align: middle; border-bottom: 1px solid var(--ast-border-color); } @media (max-width: 768px) { .blog-layout-2 .post-content, .blog-layout-2 .ast-blog-featured-section { width: 100%; float: none; } .blog-layout-2 .ast-blog-featured-section .post-thumb { text-align: right; } } .blog-layout-2 .posted-on { left: 0; } .blog-layout-2 .post-thumb { text-align: left; } .blog-layout-2 { /* 2 - Blog Thumbnail Styles */ } .blog-layout-2 .post-thumb .posted-on { position: absolute; top: 0; } .blog-layout-2 .post-thumb .posted-on .entry-date span { display: block; width: 100%; text-align: center; } .blog-layout-2.ast-no-thumb .post-thumb { display: inline-block; } .blog-layout-2.ast-no-thumb .posted-on { position: relative; display: inline-block; } .blog-layout-2.ast-no-thumb .post-thumb { width: auto; }