added: html markup add for every single post render

Author: wealcoderahsan

assets/css/widgets/author-posts.css

@@ -55,6 +55,21 @@
 }
 
 /* post layout style  */
+
 .wcf--author-posts {
-    display: flex;
+    display: grid;
+    grid-template-columns: 410px 1fr;
+}
+.wcf--author-posts__posts{
+    display: grid;
+    grid-template-columns: repeat(2, 1fr);
+    border-inline-start: 1px solid #1212121A;
+}
+.wcf--author-posts__posts__item {
+    border-style: solid;
+    border-width: 0px 1px 1px 0px;
+    border-color: #1212121A;
+    padding: 0px 25px 20px 25px;
+    margin: 0px 0px 0px 0px;
+    text-align: start;
 }

widgets/author-posts.php

@@ -235,10 +235,21 @@ protected function render() {
                     while ( $query->have_posts() ) {
                         $query->the_post();
                         ?>
-                        <div class="wcf--author-posts__posts__item">
-                            <h3><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h3>
-                            <p><?php the_excerpt(); ?></p>
-                        </div>
+						<article class="wcf--author-post">
+							<div class="wcf-post-taxonomy">
+								<a href="#" class="aae-cat-politics">tt</a>
+							</div>
+							<div class="wcf--author-post-thumb">
+								<img src="" alt="">
+							</div>
+							<h3 class="wcf-post-title">
+								<a href="#"><span class="highlight"></a>
+							</h3>
+							<div class="wcf-post-meta">
+								<span class="wcf-post-date"></span>
+								<span class="wcf-post-author"></span>
+							</div>
+						</article>
                         <?php
                     }
                     wp_reset_postdata();