{"id":43,"date":"2025-07-22T16:27:36","date_gmt":"2025-07-22T16:27:36","guid":{"rendered":"https:\/\/docs.vatu.dev\/wordpress-base-theme\/?page_id=43"},"modified":"2025-08-15T14:18:26","modified_gmt":"2025-08-15T14:18:26","slug":"posts-grid","status":"publish","type":"page","link":"https:\/\/docs.vatu.dev\/wordpress-base-theme\/patterns\/posts-grid","title":{"rendered":"Posts Grid"},"content":{"rendered":"\n<div class=\"wp-block-group has-border-color has-primary-alt-border-color has-primary-accent-background-color has-background is-layout-flow wp-block-group-is-layout-flow\" style=\"border-width:1px;border-radius:10px;padding-top:var(--wp--preset--spacing--small);padding-right:var(--wp--preset--spacing--small);padding-bottom:var(--wp--preset--spacing--small);padding-left:var(--wp--preset--spacing--small)\">\n<div class=\"wp-block-group is-content-justification-space-between is-nowrap is-layout-flex wp-container-core-group-is-layout-92eefbfb wp-block-group-is-layout-flex\">\n<p class=\"has-small-font-size\" style=\"margin-top:0\">Learn more about the Core Blocks used in these patterns: <a href=\"https:\/\/docs.vatu.dev\/wordpress-base-theme\/core-blocks\/group\">Group<\/a>, <a href=\"https:\/\/docs.vatu.dev\/wordpress-base-theme\/core-blocks\/query-loop\">Query Loop<\/a>, <a href=\"https:\/\/docs.vatu.dev\/wordpress-base-theme\/core-blocks\/buttons\">Buttons<\/a>, <a href=\"https:\/\/docs.vatu.dev\/wordpress-base-theme\/core-blocks\/image\">Image<\/a><\/p>\n\n\n\n<p class=\"has-text-align-right has-primary-color has-text-color has-link-color has-small-font-size wp-elements-07d882d0831f0dd6db83dc43dfb45104\"><strong><a href=\"https:\/\/docs.vatu.dev\/wordpress-base-theme\/wp-admin\/post.php?post=43&amp;action=edit\" target=\"_blank\" rel=\"noreferrer noopener\">Login to try it yourself<\/a><\/strong><\/p>\n<\/div>\n<\/div>\n\n\n\n<div style=\"height:var(--wp--preset--spacing--xx-large)\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h1 id=\"posts-grid-1\" class=\"wp-block-heading has-medium-font-size\" style=\"margin-top:0;margin-bottom:var(--wp--preset--spacing--medium)\">Posts Grid 1<\/h1>\n\n\n\n<div class=\"wp-block-group alignfull is-style-default has-tertiary-background-color has-background has-global-padding is-layout-constrained wp-container-core-group-is-layout-25dea4b3 wp-block-group-is-layout-constrained\" style=\"margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--medium);padding-right:var(--wp--preset--spacing--medium);padding-bottom:var(--wp--preset--spacing--medium);padding-left:var(--wp--preset--spacing--medium)\">\n<h2 id=\"posts\" class=\"wp-block-heading alignwide wp-container-content-958eb9dc\">Posts<\/h2>\n\n\n\n<div class=\"wp-block-query alignwide is-layout-flow wp-block-query-is-layout-flow\"><ul class=\"columns-3 wp-block-post-template is-layout-grid wp-container-core-post-template-is-layout-10753265 wp-block-post-template-is-layout-grid\"><li class=\"wp-block-post post-260 post type-post status-publish format-standard has-post-thumbnail hentry category-uncategorized\">\n\n<div class=\"wp-block-columns are-vertically-aligned-center is-layout-flex wp-container-core-columns-is-layout-79cdb0d7 wp-block-columns-is-layout-flex\" style=\"margin-top:0;margin-bottom:0\">\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\"><figure style=\"aspect-ratio:1;\" class=\"wp-block-post-featured-image\"><a href=\"https:\/\/docs.vatu.dev\/wordpress-base-theme\/example-post-4\" target=\"_self\"  ><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"690\" src=\"https:\/\/docs.vatu.dev\/app\/uploads\/sites\/5\/2025\/07\/39e98-clu-soh-dyc6deqfl6e-unsplash-scaled-1.webp\" class=\"attachment-post-thumbnail size-post-thumbnail wp-post-image\" alt=\"Example Post 4\" style=\"width:100%;height:100%;object-fit:cover;\" srcset=\"https:\/\/docs.vatu.dev\/app\/uploads\/sites\/5\/2025\/07\/39e98-clu-soh-dyc6deqfl6e-unsplash-scaled-1.webp 1024w, https:\/\/docs.vatu.dev\/app\/uploads\/sites\/5\/2025\/07\/39e98-clu-soh-dyc6deqfl6e-unsplash-scaled-1-300x202.webp 300w, https:\/\/docs.vatu.dev\/app\/uploads\/sites\/5\/2025\/07\/39e98-clu-soh-dyc6deqfl6e-unsplash-scaled-1-768x518.webp 768w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure><\/div>\n\n\n\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\"><h3 class=\"wp-block-post-title\"><a href=\"https:\/\/docs.vatu.dev\/wordpress-base-theme\/example-post-4\" target=\"_self\" >Example Post 4<\/a><\/h3><\/div>\n<\/div>\n\n<\/li><li class=\"wp-block-post post-261 post type-post status-publish format-standard has-post-thumbnail hentry category-uncategorized\">\n\n<div class=\"wp-block-columns are-vertically-aligned-center is-layout-flex wp-container-core-columns-is-layout-79cdb0d7 wp-block-columns-is-layout-flex\" style=\"margin-top:0;margin-bottom:0\">\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\"><figure style=\"aspect-ratio:1;\" class=\"wp-block-post-featured-image\"><a href=\"https:\/\/docs.vatu.dev\/wordpress-base-theme\/example-post-3\" target=\"_self\"  ><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"778\" src=\"https:\/\/docs.vatu.dev\/app\/uploads\/sites\/5\/2025\/07\/8a1eb-milad-fakurian-ixpyjsix5ra-unsplash-scaled-1.webp\" class=\"attachment-post-thumbnail size-post-thumbnail wp-post-image\" alt=\"Example Post 3\" style=\"width:100%;height:100%;object-fit:cover;\" srcset=\"https:\/\/docs.vatu.dev\/app\/uploads\/sites\/5\/2025\/07\/8a1eb-milad-fakurian-ixpyjsix5ra-unsplash-scaled-1.webp 1024w, https:\/\/docs.vatu.dev\/app\/uploads\/sites\/5\/2025\/07\/8a1eb-milad-fakurian-ixpyjsix5ra-unsplash-scaled-1-300x228.webp 300w, https:\/\/docs.vatu.dev\/app\/uploads\/sites\/5\/2025\/07\/8a1eb-milad-fakurian-ixpyjsix5ra-unsplash-scaled-1-768x584.webp 768w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure><\/div>\n\n\n\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\"><h3 class=\"wp-block-post-title\"><a href=\"https:\/\/docs.vatu.dev\/wordpress-base-theme\/example-post-3\" target=\"_self\" >Example Post 3<\/a><\/h3><\/div>\n<\/div>\n\n<\/li><li class=\"wp-block-post post-259 post type-post status-publish format-standard has-post-thumbnail hentry category-uncategorized\">\n\n<div class=\"wp-block-columns are-vertically-aligned-center is-layout-flex wp-container-core-columns-is-layout-79cdb0d7 wp-block-columns-is-layout-flex\" style=\"margin-top:0;margin-bottom:0\">\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\"><figure style=\"aspect-ratio:1;\" class=\"wp-block-post-featured-image\"><a href=\"https:\/\/docs.vatu.dev\/wordpress-base-theme\/example-post-2\" target=\"_self\"  ><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"716\" src=\"https:\/\/docs.vatu.dev\/app\/uploads\/sites\/5\/2025\/07\/lib-bg-2.webp\" class=\"attachment-post-thumbnail size-post-thumbnail wp-post-image\" alt=\"Example Post 2\" style=\"width:100%;height:100%;object-fit:cover;\" srcset=\"https:\/\/docs.vatu.dev\/app\/uploads\/sites\/5\/2025\/07\/lib-bg-2.webp 1024w, https:\/\/docs.vatu.dev\/app\/uploads\/sites\/5\/2025\/07\/lib-bg-2-300x210.webp 300w, https:\/\/docs.vatu.dev\/app\/uploads\/sites\/5\/2025\/07\/lib-bg-2-768x537.webp 768w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure><\/div>\n\n\n\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\"><h3 class=\"wp-block-post-title\"><a href=\"https:\/\/docs.vatu.dev\/wordpress-base-theme\/example-post-2\" target=\"_self\" >Example Post 2<\/a><\/h3><\/div>\n<\/div>\n\n<\/li><\/ul><\/div>\n<\/div>\n\n\n\n<div style=\"height:var(--wp--preset--spacing--xx-large)\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h1 id=\"posts-grid-2\" class=\"wp-block-heading has-medium-font-size\" style=\"margin-top:0;margin-bottom:var(--wp--preset--spacing--medium)\">Posts Grid 2<\/h1>\n\n\n\n<div class=\"wp-block-group alignfull is-style-section-2 has-base-color has-primary-alt-accent-background-color has-text-color has-background has-link-color wp-elements-4e8fdc129f36017ab2f5dc874a2c0382 has-global-padding is-content-justification-center is-layout-constrained wp-container-core-group-is-layout-ce15ac24 wp-block-group-is-layout-constrained\" style=\"margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--medium);padding-right:var(--wp--preset--spacing--medium);padding-bottom:0.67rem;padding-left:var(--wp--preset--spacing--medium)\">\n<h2 id=\"posts\" class=\"wp-block-heading alignwide wp-container-content-958eb9dc\">Posts<\/h2>\n\n\n\n<div class=\"wp-block-query alignwide is-layout-flow wp-block-query-is-layout-flow\"><ul class=\"columns-4 wp-block-post-template is-layout-grid wp-container-core-post-template-is-layout-c441c009 wp-block-post-template-is-layout-grid\"><li class=\"wp-block-post post-260 post type-post status-publish format-standard has-post-thumbnail hentry category-uncategorized\">\n\n<div class=\"wp-block-group is-layout-flow wp-container-core-group-is-layout-4002ca1b wp-block-group-is-layout-flow\"><figure style=\"aspect-ratio:1; margin-bottom:24px;\" class=\"wp-block-post-featured-image\"><a href=\"https:\/\/docs.vatu.dev\/wordpress-base-theme\/example-post-4\" target=\"_self\"  ><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"690\" src=\"https:\/\/docs.vatu.dev\/app\/uploads\/sites\/5\/2025\/07\/39e98-clu-soh-dyc6deqfl6e-unsplash-scaled-1.webp\" class=\"attachment-post-thumbnail size-post-thumbnail wp-post-image\" alt=\"Example Post 4\" style=\"width:100%;height:100%;object-fit:cover;\" srcset=\"https:\/\/docs.vatu.dev\/app\/uploads\/sites\/5\/2025\/07\/39e98-clu-soh-dyc6deqfl6e-unsplash-scaled-1.webp 1024w, https:\/\/docs.vatu.dev\/app\/uploads\/sites\/5\/2025\/07\/39e98-clu-soh-dyc6deqfl6e-unsplash-scaled-1-300x202.webp 300w, https:\/\/docs.vatu.dev\/app\/uploads\/sites\/5\/2025\/07\/39e98-clu-soh-dyc6deqfl6e-unsplash-scaled-1-768x518.webp 768w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n<h3 class=\"wp-block-post-title\"><a href=\"https:\/\/docs.vatu.dev\/wordpress-base-theme\/example-post-4\" target=\"_self\" >Example Post 4<\/a><\/h3>\n\n<div class=\"wp-block-post-date has-small-font-size\"><time datetime=\"2025-08-15T14:08:02+00:00\">August 15, 2025<\/time><\/div>\n\n\n<div style=\"height:var(--wp--preset--spacing--20)\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<\/div>\n\n<\/li><li class=\"wp-block-post post-261 post type-post status-publish format-standard has-post-thumbnail hentry category-uncategorized\">\n\n<div class=\"wp-block-group is-layout-flow wp-container-core-group-is-layout-4002ca1b wp-block-group-is-layout-flow\"><figure style=\"aspect-ratio:1; margin-bottom:24px;\" class=\"wp-block-post-featured-image\"><a href=\"https:\/\/docs.vatu.dev\/wordpress-base-theme\/example-post-3\" target=\"_self\"  ><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"778\" src=\"https:\/\/docs.vatu.dev\/app\/uploads\/sites\/5\/2025\/07\/8a1eb-milad-fakurian-ixpyjsix5ra-unsplash-scaled-1.webp\" class=\"attachment-post-thumbnail size-post-thumbnail wp-post-image\" alt=\"Example Post 3\" style=\"width:100%;height:100%;object-fit:cover;\" srcset=\"https:\/\/docs.vatu.dev\/app\/uploads\/sites\/5\/2025\/07\/8a1eb-milad-fakurian-ixpyjsix5ra-unsplash-scaled-1.webp 1024w, https:\/\/docs.vatu.dev\/app\/uploads\/sites\/5\/2025\/07\/8a1eb-milad-fakurian-ixpyjsix5ra-unsplash-scaled-1-300x228.webp 300w, https:\/\/docs.vatu.dev\/app\/uploads\/sites\/5\/2025\/07\/8a1eb-milad-fakurian-ixpyjsix5ra-unsplash-scaled-1-768x584.webp 768w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n<h3 class=\"wp-block-post-title\"><a href=\"https:\/\/docs.vatu.dev\/wordpress-base-theme\/example-post-3\" target=\"_self\" >Example Post 3<\/a><\/h3>\n\n<div class=\"wp-block-post-date has-small-font-size\"><time datetime=\"2025-08-15T14:07:52+00:00\">August 15, 2025<\/time><\/div>\n\n\n<div style=\"height:var(--wp--preset--spacing--20)\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<\/div>\n\n<\/li><li class=\"wp-block-post post-259 post type-post status-publish format-standard has-post-thumbnail hentry category-uncategorized\">\n\n<div class=\"wp-block-group is-layout-flow wp-container-core-group-is-layout-4002ca1b wp-block-group-is-layout-flow\"><figure style=\"aspect-ratio:1; margin-bottom:24px;\" class=\"wp-block-post-featured-image\"><a href=\"https:\/\/docs.vatu.dev\/wordpress-base-theme\/example-post-2\" target=\"_self\"  ><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"716\" src=\"https:\/\/docs.vatu.dev\/app\/uploads\/sites\/5\/2025\/07\/lib-bg-2.webp\" class=\"attachment-post-thumbnail size-post-thumbnail wp-post-image\" alt=\"Example Post 2\" style=\"width:100%;height:100%;object-fit:cover;\" srcset=\"https:\/\/docs.vatu.dev\/app\/uploads\/sites\/5\/2025\/07\/lib-bg-2.webp 1024w, https:\/\/docs.vatu.dev\/app\/uploads\/sites\/5\/2025\/07\/lib-bg-2-300x210.webp 300w, https:\/\/docs.vatu.dev\/app\/uploads\/sites\/5\/2025\/07\/lib-bg-2-768x537.webp 768w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n<h3 class=\"wp-block-post-title\"><a href=\"https:\/\/docs.vatu.dev\/wordpress-base-theme\/example-post-2\" target=\"_self\" >Example Post 2<\/a><\/h3>\n\n<div class=\"wp-block-post-date has-small-font-size\"><time datetime=\"2025-08-15T14:07:39+00:00\">August 15, 2025<\/time><\/div>\n\n\n<div style=\"height:var(--wp--preset--spacing--20)\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<\/div>\n\n<\/li><li class=\"wp-block-post post-1 post type-post status-publish format-standard has-post-thumbnail hentry category-uncategorized\">\n\n<div class=\"wp-block-group is-layout-flow wp-container-core-group-is-layout-4002ca1b wp-block-group-is-layout-flow\"><figure style=\"aspect-ratio:1; margin-bottom:24px;\" class=\"wp-block-post-featured-image\"><a href=\"https:\/\/docs.vatu.dev\/wordpress-base-theme\/hello-world\" target=\"_self\"  ><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"716\" src=\"https:\/\/docs.vatu.dev\/app\/uploads\/sites\/5\/2025\/07\/lib-bg-2.webp\" class=\"attachment-post-thumbnail size-post-thumbnail wp-post-image\" alt=\"Example Post 1\" style=\"width:100%;height:100%;object-fit:cover;\" srcset=\"https:\/\/docs.vatu.dev\/app\/uploads\/sites\/5\/2025\/07\/lib-bg-2.webp 1024w, https:\/\/docs.vatu.dev\/app\/uploads\/sites\/5\/2025\/07\/lib-bg-2-300x210.webp 300w, https:\/\/docs.vatu.dev\/app\/uploads\/sites\/5\/2025\/07\/lib-bg-2-768x537.webp 768w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n<h3 class=\"wp-block-post-title\"><a href=\"https:\/\/docs.vatu.dev\/wordpress-base-theme\/hello-world\" target=\"_self\" >Example Post 1<\/a><\/h3>\n\n<div class=\"wp-block-post-date has-small-font-size\"><time datetime=\"2025-07-22T15:54:35+00:00\">July 22, 2025<\/time><\/div>\n\n\n<div style=\"height:var(--wp--preset--spacing--20)\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<\/div>\n\n<\/li><\/ul><\/div>\n<\/div>\n\n\n\n<div style=\"height:var(--wp--preset--spacing--xx-large)\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h1 id=\"posts-grid-3\" class=\"wp-block-heading has-medium-font-size\" style=\"margin-top:0;margin-bottom:var(--wp--preset--spacing--medium)\">Posts Grid 3<\/h1>\n\n\n\n<div class=\"wp-block-group alignfull is-style-default has-tertiary-background-color has-background has-global-padding is-content-justification-center is-layout-constrained wp-container-core-group-is-layout-fd3748a3 wp-block-group-is-layout-constrained\" style=\"margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--medium);padding-right:var(--wp--preset--spacing--medium);padding-bottom:var(--wp--preset--spacing--medium);padding-left:var(--wp--preset--spacing--medium)\">\n<h2 id=\"posts\" class=\"wp-block-heading alignwide wp-container-content-958eb9dc\">Posts<\/h2>\n\n\n\n<div class=\"wp-block-query alignwide is-layout-flow wp-block-query-is-layout-flow\"><ul class=\"columns-2 wp-block-post-template is-layout-grid wp-container-core-post-template-is-layout-523d4961 wp-block-post-template-is-layout-grid\"><li class=\"wp-block-post post-260 post type-post status-publish format-standard has-post-thumbnail hentry category-uncategorized\">\n\n<div class=\"wp-block-columns are-vertically-aligned-center is-layout-flex wp-container-core-columns-is-layout-3e289624 wp-block-columns-is-layout-flex\" style=\"margin-top:0;margin-bottom:0\">\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\"><figure style=\"aspect-ratio:1;\" class=\"wp-block-post-featured-image\"><a href=\"https:\/\/docs.vatu.dev\/wordpress-base-theme\/example-post-4\" target=\"_self\"  ><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"690\" src=\"https:\/\/docs.vatu.dev\/app\/uploads\/sites\/5\/2025\/07\/39e98-clu-soh-dyc6deqfl6e-unsplash-scaled-1.webp\" class=\"attachment-post-thumbnail size-post-thumbnail wp-post-image\" alt=\"Example Post 4\" style=\"width:100%;height:100%;object-fit:cover;\" srcset=\"https:\/\/docs.vatu.dev\/app\/uploads\/sites\/5\/2025\/07\/39e98-clu-soh-dyc6deqfl6e-unsplash-scaled-1.webp 1024w, https:\/\/docs.vatu.dev\/app\/uploads\/sites\/5\/2025\/07\/39e98-clu-soh-dyc6deqfl6e-unsplash-scaled-1-300x202.webp 300w, https:\/\/docs.vatu.dev\/app\/uploads\/sites\/5\/2025\/07\/39e98-clu-soh-dyc6deqfl6e-unsplash-scaled-1-768x518.webp 768w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure><\/div>\n\n\n\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\"><h3 class=\"wp-block-post-title\"><a href=\"https:\/\/docs.vatu.dev\/wordpress-base-theme\/example-post-4\" target=\"_self\" >Example Post 4<\/a><\/h3>\n\n<div style=\"font-size:clamp(14px, 0.875rem + ((1vw - 3.2px) * 0.213), 16px);\" class=\"wp-block-post-date\"><time datetime=\"2025-08-15T14:08:02+00:00\">August 15, 2025<\/time><\/div><\/div>\n<\/div>\n\n<\/li><li class=\"wp-block-post post-261 post type-post status-publish format-standard has-post-thumbnail hentry category-uncategorized\">\n\n<div class=\"wp-block-columns are-vertically-aligned-center is-layout-flex wp-container-core-columns-is-layout-3e289624 wp-block-columns-is-layout-flex\" style=\"margin-top:0;margin-bottom:0\">\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\"><figure style=\"aspect-ratio:1;\" class=\"wp-block-post-featured-image\"><a href=\"https:\/\/docs.vatu.dev\/wordpress-base-theme\/example-post-3\" target=\"_self\"  ><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"778\" src=\"https:\/\/docs.vatu.dev\/app\/uploads\/sites\/5\/2025\/07\/8a1eb-milad-fakurian-ixpyjsix5ra-unsplash-scaled-1.webp\" class=\"attachment-post-thumbnail size-post-thumbnail wp-post-image\" alt=\"Example Post 3\" style=\"width:100%;height:100%;object-fit:cover;\" srcset=\"https:\/\/docs.vatu.dev\/app\/uploads\/sites\/5\/2025\/07\/8a1eb-milad-fakurian-ixpyjsix5ra-unsplash-scaled-1.webp 1024w, https:\/\/docs.vatu.dev\/app\/uploads\/sites\/5\/2025\/07\/8a1eb-milad-fakurian-ixpyjsix5ra-unsplash-scaled-1-300x228.webp 300w, https:\/\/docs.vatu.dev\/app\/uploads\/sites\/5\/2025\/07\/8a1eb-milad-fakurian-ixpyjsix5ra-unsplash-scaled-1-768x584.webp 768w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure><\/div>\n\n\n\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\"><h3 class=\"wp-block-post-title\"><a href=\"https:\/\/docs.vatu.dev\/wordpress-base-theme\/example-post-3\" target=\"_self\" >Example Post 3<\/a><\/h3>\n\n<div style=\"font-size:clamp(14px, 0.875rem + ((1vw - 3.2px) * 0.213), 16px);\" class=\"wp-block-post-date\"><time datetime=\"2025-08-15T14:07:52+00:00\">August 15, 2025<\/time><\/div><\/div>\n<\/div>\n\n<\/li><\/ul><\/div>\n<\/div>\n\n\n\n<div style=\"height:var(--wp--preset--spacing--xx-large)\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h1 id=\"posts-grid-4\" class=\"wp-block-heading has-medium-font-size\" style=\"margin-top:0;margin-bottom:var(--wp--preset--spacing--medium)\">Posts Grid 4<\/h1>\n\n\n\n<div class=\"wp-block-group alignfull is-style-section-1 has-primary-accent-background-color has-background has-global-padding is-content-justification-center is-layout-constrained wp-container-core-group-is-layout-bbc2ab0a wp-block-group-is-layout-constrained\" style=\"margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--medium);padding-right:var(--wp--preset--spacing--medium);padding-bottom:var(--wp--preset--spacing--medium);padding-left:var(--wp--preset--spacing--medium)\">\n<h2 id=\"posts\" class=\"wp-block-heading alignwide\">Posts<\/h2>\n\n\n\n<div data-wp-context=\"{}\" data-wp-interactive=\"core\/query\" data-wp-key=\"9\" data-wp-router-region=\"query-9\" class=\"wp-block-query alignwide is-layout-flow wp-block-query-is-layout-flow\"><ul class=\"wp-block-post-template is-layout-flow wp-container-core-post-template-is-layout-ea1fff98 wp-block-post-template-is-layout-flow\"><li data-wp-key=\"post-template-item-260\" class=\"wp-block-post post-260 post type-post status-publish format-standard has-post-thumbnail hentry category-uncategorized\">\n\n<div class=\"wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-f434bd35 wp-block-group-is-layout-flex\" style=\"border-bottom-width:1px;padding-top:20px;padding-bottom:20px\"><h3 class=\"has-text-align-left no-underline wp-block-post-title has-medium-font-size wp-container-content-9cfa9a5a\"><a href=\"https:\/\/docs.vatu.dev\/wordpress-base-theme\/example-post-4\" target=\"_self\" >Example Post 4<\/a><\/h3>\n\n<div class=\"has-text-align-right wp-block-post-date\"><time datetime=\"2025-08-15T14:08:02+00:00\">August 15, 2025<\/time><\/div><\/div>\n\n<\/li><li data-wp-key=\"post-template-item-261\" class=\"wp-block-post post-261 post type-post status-publish format-standard has-post-thumbnail hentry category-uncategorized\">\n\n<div class=\"wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-f434bd35 wp-block-group-is-layout-flex\" style=\"border-bottom-width:1px;padding-top:20px;padding-bottom:20px\"><h3 class=\"has-text-align-left no-underline wp-block-post-title has-medium-font-size wp-container-content-9cfa9a5a\"><a href=\"https:\/\/docs.vatu.dev\/wordpress-base-theme\/example-post-3\" target=\"_self\" >Example Post 3<\/a><\/h3>\n\n<div class=\"has-text-align-right wp-block-post-date\"><time datetime=\"2025-08-15T14:07:52+00:00\">August 15, 2025<\/time><\/div><\/div>\n\n<\/li><li data-wp-key=\"post-template-item-259\" class=\"wp-block-post post-259 post type-post status-publish format-standard has-post-thumbnail hentry category-uncategorized\">\n\n<div class=\"wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-f434bd35 wp-block-group-is-layout-flex\" style=\"border-bottom-width:1px;padding-top:20px;padding-bottom:20px\"><h3 class=\"has-text-align-left no-underline wp-block-post-title has-medium-font-size wp-container-content-9cfa9a5a\"><a href=\"https:\/\/docs.vatu.dev\/wordpress-base-theme\/example-post-2\" target=\"_self\" >Example Post 2<\/a><\/h3>\n\n<div class=\"has-text-align-right wp-block-post-date\"><time datetime=\"2025-08-15T14:07:39+00:00\">August 15, 2025<\/time><\/div><\/div>\n\n<\/li><li data-wp-key=\"post-template-item-1\" class=\"wp-block-post post-1 post type-post status-publish format-standard has-post-thumbnail hentry category-uncategorized\">\n\n<div class=\"wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-f434bd35 wp-block-group-is-layout-flex\" style=\"border-bottom-width:1px;padding-top:20px;padding-bottom:20px\"><h3 class=\"has-text-align-left no-underline wp-block-post-title has-medium-font-size wp-container-content-9cfa9a5a\"><a href=\"https:\/\/docs.vatu.dev\/wordpress-base-theme\/hello-world\" target=\"_self\" >Example Post 1<\/a><\/h3>\n\n<div class=\"has-text-align-right wp-block-post-date\"><time datetime=\"2025-07-22T15:54:35+00:00\">July 22, 2025<\/time><\/div><\/div>\n\n<\/li><\/ul><\/div>\n<\/div>\n\n\n\n<div style=\"height:var(--wp--preset--spacing--xx-large)\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h1 id=\"posts-grid-5\" class=\"wp-block-heading has-medium-font-size\" style=\"margin-top:0;margin-bottom:var(--wp--preset--spacing--medium)\">Posts Grid 5<\/h1>\n\n\n\n<div class=\"wp-block-group alignfull is-style-section-2 has-base-color has-main-background-color has-text-color has-background has-link-color wp-elements-d1f57fe09e3f649196e84e0fd4a4b39a has-global-padding is-content-justification-center is-layout-constrained wp-container-core-group-is-layout-ffbcd1ea wp-block-group-is-layout-constrained\" style=\"margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--medium);padding-bottom:var(--wp--preset--spacing--medium)\">\n<h2 id=\"posts\" class=\"wp-block-heading alignwide wp-container-content-958eb9dc\">Posts<\/h2>\n\n\n\n<div class=\"wp-block-query alignwide is-layout-flow wp-block-query-is-layout-flow\"><ul class=\"columns-3 wp-block-post-template is-layout-grid wp-container-core-post-template-is-layout-fc843125 wp-block-post-template-is-layout-grid\"><li class=\"wp-block-post post-260 post type-post status-publish format-standard has-post-thumbnail hentry category-uncategorized\">\n\n<div class=\"wp-block-group is-layout-flow wp-container-core-group-is-layout-4002ca1b wp-block-group-is-layout-flow\"><figure style=\"aspect-ratio:1; margin-bottom:24px;\" class=\"wp-block-post-featured-image\"><a href=\"https:\/\/docs.vatu.dev\/wordpress-base-theme\/example-post-4\" target=\"_self\"  ><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"690\" src=\"https:\/\/docs.vatu.dev\/app\/uploads\/sites\/5\/2025\/07\/39e98-clu-soh-dyc6deqfl6e-unsplash-scaled-1.webp\" class=\"attachment-post-thumbnail size-post-thumbnail wp-post-image\" alt=\"Example Post 4\" style=\"width:100%;height:100%;object-fit:cover;\" srcset=\"https:\/\/docs.vatu.dev\/app\/uploads\/sites\/5\/2025\/07\/39e98-clu-soh-dyc6deqfl6e-unsplash-scaled-1.webp 1024w, https:\/\/docs.vatu.dev\/app\/uploads\/sites\/5\/2025\/07\/39e98-clu-soh-dyc6deqfl6e-unsplash-scaled-1-300x202.webp 300w, https:\/\/docs.vatu.dev\/app\/uploads\/sites\/5\/2025\/07\/39e98-clu-soh-dyc6deqfl6e-unsplash-scaled-1-768x518.webp 768w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n<h3 class=\"wp-block-post-title has-medium-font-size\"><a href=\"https:\/\/docs.vatu.dev\/wordpress-base-theme\/example-post-4\" target=\"_self\" >Example Post 4<\/a><\/h3>\n\n<div class=\"has-link-color wp-elements-8ab5f7c9ae2e317aa5777c28096012d5 wp-block-post-date has-text-color has-primary-alt-color has-small-font-size\"><time datetime=\"2025-08-15T14:08:02+00:00\">August 15, 2025<\/time><\/div>\n\n\n<div style=\"height:var(--wp--preset--spacing--20)\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<\/div>\n\n<\/li><li class=\"wp-block-post post-261 post type-post status-publish format-standard has-post-thumbnail hentry category-uncategorized\">\n\n<div class=\"wp-block-group is-layout-flow wp-container-core-group-is-layout-4002ca1b wp-block-group-is-layout-flow\"><figure style=\"aspect-ratio:1; margin-bottom:24px;\" class=\"wp-block-post-featured-image\"><a href=\"https:\/\/docs.vatu.dev\/wordpress-base-theme\/example-post-3\" target=\"_self\"  ><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"778\" src=\"https:\/\/docs.vatu.dev\/app\/uploads\/sites\/5\/2025\/07\/8a1eb-milad-fakurian-ixpyjsix5ra-unsplash-scaled-1.webp\" class=\"attachment-post-thumbnail size-post-thumbnail wp-post-image\" alt=\"Example Post 3\" style=\"width:100%;height:100%;object-fit:cover;\" srcset=\"https:\/\/docs.vatu.dev\/app\/uploads\/sites\/5\/2025\/07\/8a1eb-milad-fakurian-ixpyjsix5ra-unsplash-scaled-1.webp 1024w, https:\/\/docs.vatu.dev\/app\/uploads\/sites\/5\/2025\/07\/8a1eb-milad-fakurian-ixpyjsix5ra-unsplash-scaled-1-300x228.webp 300w, https:\/\/docs.vatu.dev\/app\/uploads\/sites\/5\/2025\/07\/8a1eb-milad-fakurian-ixpyjsix5ra-unsplash-scaled-1-768x584.webp 768w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n<h3 class=\"wp-block-post-title has-medium-font-size\"><a href=\"https:\/\/docs.vatu.dev\/wordpress-base-theme\/example-post-3\" target=\"_self\" >Example Post 3<\/a><\/h3>\n\n<div class=\"has-link-color wp-elements-8ab5f7c9ae2e317aa5777c28096012d5 wp-block-post-date has-text-color has-primary-alt-color has-small-font-size\"><time datetime=\"2025-08-15T14:07:52+00:00\">August 15, 2025<\/time><\/div>\n\n\n<div style=\"height:var(--wp--preset--spacing--20)\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<\/div>\n\n<\/li><li class=\"wp-block-post post-259 post type-post status-publish format-standard has-post-thumbnail hentry category-uncategorized\">\n\n<div class=\"wp-block-group is-layout-flow wp-container-core-group-is-layout-4002ca1b wp-block-group-is-layout-flow\"><figure style=\"aspect-ratio:1; margin-bottom:24px;\" class=\"wp-block-post-featured-image\"><a href=\"https:\/\/docs.vatu.dev\/wordpress-base-theme\/example-post-2\" target=\"_self\"  ><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"716\" src=\"https:\/\/docs.vatu.dev\/app\/uploads\/sites\/5\/2025\/07\/lib-bg-2.webp\" class=\"attachment-post-thumbnail size-post-thumbnail wp-post-image\" alt=\"Example Post 2\" style=\"width:100%;height:100%;object-fit:cover;\" srcset=\"https:\/\/docs.vatu.dev\/app\/uploads\/sites\/5\/2025\/07\/lib-bg-2.webp 1024w, https:\/\/docs.vatu.dev\/app\/uploads\/sites\/5\/2025\/07\/lib-bg-2-300x210.webp 300w, https:\/\/docs.vatu.dev\/app\/uploads\/sites\/5\/2025\/07\/lib-bg-2-768x537.webp 768w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n\n<h3 class=\"wp-block-post-title has-medium-font-size\"><a href=\"https:\/\/docs.vatu.dev\/wordpress-base-theme\/example-post-2\" target=\"_self\" >Example Post 2<\/a><\/h3>\n\n<div class=\"has-link-color wp-elements-8ab5f7c9ae2e317aa5777c28096012d5 wp-block-post-date has-text-color has-primary-alt-color has-small-font-size\"><time datetime=\"2025-08-15T14:07:39+00:00\">August 15, 2025<\/time><\/div>\n\n\n<div style=\"height:var(--wp--preset--spacing--20)\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<\/div>\n\n<\/li><\/ul><\/div>\n<\/div>\n\n\n\n<div style=\"height:var(--wp--preset--spacing--xx-large)\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h1 id=\"posts-grid-6\" class=\"wp-block-heading has-medium-font-size\" style=\"margin-top:0;margin-bottom:var(--wp--preset--spacing--medium)\">Posts Grid 6<\/h1>\n\n\n\n<div class=\"wp-block-group alignfull has-tertiary-background-color has-background has-global-padding is-content-justification-center is-layout-constrained wp-container-core-group-is-layout-4b0f3dfd wp-block-group-is-layout-constrained\" style=\"margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--medium);padding-bottom:var(--wp--preset--spacing--medium)\">\n<div class=\"wp-block-columns alignwide is-layout-flex wp-container-core-columns-is-layout-f619a8c7 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-group has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<h2 id=\"posts\" class=\"wp-block-heading wp-container-content-958eb9dc\">Posts<\/h2>\n<\/div>\n\n\n\n<p>Stay up to date with the latest from our blog.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-container-core-column-is-layout-8a368f38 wp-block-column-is-layout-flow\" style=\"flex-basis:66%\">\n<div data-wp-context=\"{}\" data-wp-interactive=\"core\/query\" data-wp-key=\"9\" data-wp-router-region=\"query-9\" class=\"wp-block-query alignwide is-layout-flow wp-block-query-is-layout-flow\"><ul class=\"columns-2 wp-block-post-template is-layout-grid wp-container-core-post-template-is-layout-5ba145d0 wp-block-post-template-is-layout-grid\"><li data-wp-key=\"post-template-item-260\" class=\"wp-block-post post-260 post type-post status-publish format-standard has-post-thumbnail hentry category-uncategorized\">\n\n<div class=\"wp-block-group is-layout-flow wp-block-group-is-layout-flow\"><figure style=\"aspect-ratio:1;\" class=\"wp-block-post-featured-image\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"690\" src=\"https:\/\/docs.vatu.dev\/app\/uploads\/sites\/5\/2025\/07\/39e98-clu-soh-dyc6deqfl6e-unsplash-scaled-1.webp\" class=\"attachment-post-thumbnail size-post-thumbnail wp-post-image\" alt=\"\" style=\"width:100%;height:100%;object-fit:cover;\" srcset=\"https:\/\/docs.vatu.dev\/app\/uploads\/sites\/5\/2025\/07\/39e98-clu-soh-dyc6deqfl6e-unsplash-scaled-1.webp 1024w, https:\/\/docs.vatu.dev\/app\/uploads\/sites\/5\/2025\/07\/39e98-clu-soh-dyc6deqfl6e-unsplash-scaled-1-300x202.webp 300w, https:\/\/docs.vatu.dev\/app\/uploads\/sites\/5\/2025\/07\/39e98-clu-soh-dyc6deqfl6e-unsplash-scaled-1-768x518.webp 768w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n<div class=\"wp-block-group is-vertical is-layout-flex wp-container-core-group-is-layout-90752e8f wp-block-group-is-layout-flex\"><h3 class=\"no-underline wp-block-post-title has-medium-font-size\"><a href=\"https:\/\/docs.vatu.dev\/wordpress-base-theme\/example-post-4\" target=\"_self\" >Example Post 4<\/a><\/h3>\n\n<div class=\"taxonomy-category has-link-color no-underline wp-elements-d5c09e7ae896313bec8ebf4be03e1587 wp-block-post-terms has-text-color has-secondary-color\"><span class=\"wp-block-post-terms__prefix\">Category: <\/span><a href=\"https:\/\/docs.vatu.dev\/wordpress-base-theme\/category\/uncategorized\" rel=\"tag\">Uncategorized<\/a><\/div><\/div>\n\n\n\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button has-custom-width wp-block-button__width-100 is-style-fill\"><a class=\"wp-block-button__link wp-element-button\" style=\"padding-top:var(--wp--preset--spacing--small);padding-bottom:var(--wp--preset--spacing--small)\">Read post<\/a><\/div>\n<\/div>\n\n\n\n<div style=\"height:var(--wp--preset--spacing--20)\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<\/div>\n\n<\/li><li data-wp-key=\"post-template-item-261\" class=\"wp-block-post post-261 post type-post status-publish format-standard has-post-thumbnail hentry category-uncategorized\">\n\n<div class=\"wp-block-group is-layout-flow wp-block-group-is-layout-flow\"><figure style=\"aspect-ratio:1;\" class=\"wp-block-post-featured-image\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"778\" src=\"https:\/\/docs.vatu.dev\/app\/uploads\/sites\/5\/2025\/07\/8a1eb-milad-fakurian-ixpyjsix5ra-unsplash-scaled-1.webp\" class=\"attachment-post-thumbnail size-post-thumbnail wp-post-image\" alt=\"\" style=\"width:100%;height:100%;object-fit:cover;\" srcset=\"https:\/\/docs.vatu.dev\/app\/uploads\/sites\/5\/2025\/07\/8a1eb-milad-fakurian-ixpyjsix5ra-unsplash-scaled-1.webp 1024w, https:\/\/docs.vatu.dev\/app\/uploads\/sites\/5\/2025\/07\/8a1eb-milad-fakurian-ixpyjsix5ra-unsplash-scaled-1-300x228.webp 300w, https:\/\/docs.vatu.dev\/app\/uploads\/sites\/5\/2025\/07\/8a1eb-milad-fakurian-ixpyjsix5ra-unsplash-scaled-1-768x584.webp 768w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n<div class=\"wp-block-group is-vertical is-layout-flex wp-container-core-group-is-layout-90752e8f wp-block-group-is-layout-flex\"><h3 class=\"no-underline wp-block-post-title has-medium-font-size\"><a href=\"https:\/\/docs.vatu.dev\/wordpress-base-theme\/example-post-3\" target=\"_self\" >Example Post 3<\/a><\/h3>\n\n<div class=\"taxonomy-category has-link-color no-underline wp-elements-d5c09e7ae896313bec8ebf4be03e1587 wp-block-post-terms has-text-color has-secondary-color\"><span class=\"wp-block-post-terms__prefix\">Category: <\/span><a href=\"https:\/\/docs.vatu.dev\/wordpress-base-theme\/category\/uncategorized\" rel=\"tag\">Uncategorized<\/a><\/div><\/div>\n\n\n\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button has-custom-width wp-block-button__width-100 is-style-fill\"><a class=\"wp-block-button__link wp-element-button\" style=\"padding-top:var(--wp--preset--spacing--small);padding-bottom:var(--wp--preset--spacing--small)\">Read post<\/a><\/div>\n<\/div>\n\n\n\n<div style=\"height:var(--wp--preset--spacing--20)\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<\/div>\n\n<\/li><li data-wp-key=\"post-template-item-259\" class=\"wp-block-post post-259 post type-post status-publish format-standard has-post-thumbnail hentry category-uncategorized\">\n\n<div class=\"wp-block-group is-layout-flow wp-block-group-is-layout-flow\"><figure style=\"aspect-ratio:1;\" class=\"wp-block-post-featured-image\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"716\" src=\"https:\/\/docs.vatu.dev\/app\/uploads\/sites\/5\/2025\/07\/lib-bg-2.webp\" class=\"attachment-post-thumbnail size-post-thumbnail wp-post-image\" alt=\"\" style=\"width:100%;height:100%;object-fit:cover;\" srcset=\"https:\/\/docs.vatu.dev\/app\/uploads\/sites\/5\/2025\/07\/lib-bg-2.webp 1024w, https:\/\/docs.vatu.dev\/app\/uploads\/sites\/5\/2025\/07\/lib-bg-2-300x210.webp 300w, https:\/\/docs.vatu.dev\/app\/uploads\/sites\/5\/2025\/07\/lib-bg-2-768x537.webp 768w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n<div class=\"wp-block-group is-vertical is-layout-flex wp-container-core-group-is-layout-90752e8f wp-block-group-is-layout-flex\"><h3 class=\"no-underline wp-block-post-title has-medium-font-size\"><a href=\"https:\/\/docs.vatu.dev\/wordpress-base-theme\/example-post-2\" target=\"_self\" >Example Post 2<\/a><\/h3>\n\n<div class=\"taxonomy-category has-link-color no-underline wp-elements-d5c09e7ae896313bec8ebf4be03e1587 wp-block-post-terms has-text-color has-secondary-color\"><span class=\"wp-block-post-terms__prefix\">Category: <\/span><a href=\"https:\/\/docs.vatu.dev\/wordpress-base-theme\/category\/uncategorized\" rel=\"tag\">Uncategorized<\/a><\/div><\/div>\n\n\n\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button has-custom-width wp-block-button__width-100 is-style-fill\"><a class=\"wp-block-button__link wp-element-button\" style=\"padding-top:var(--wp--preset--spacing--small);padding-bottom:var(--wp--preset--spacing--small)\">Read post<\/a><\/div>\n<\/div>\n\n\n\n<div style=\"height:var(--wp--preset--spacing--20)\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<\/div>\n\n<\/li><li data-wp-key=\"post-template-item-1\" class=\"wp-block-post post-1 post type-post status-publish format-standard has-post-thumbnail hentry category-uncategorized\">\n\n<div class=\"wp-block-group is-layout-flow wp-block-group-is-layout-flow\"><figure style=\"aspect-ratio:1;\" class=\"wp-block-post-featured-image\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"716\" src=\"https:\/\/docs.vatu.dev\/app\/uploads\/sites\/5\/2025\/07\/lib-bg-2.webp\" class=\"attachment-post-thumbnail size-post-thumbnail wp-post-image\" alt=\"\" style=\"width:100%;height:100%;object-fit:cover;\" srcset=\"https:\/\/docs.vatu.dev\/app\/uploads\/sites\/5\/2025\/07\/lib-bg-2.webp 1024w, https:\/\/docs.vatu.dev\/app\/uploads\/sites\/5\/2025\/07\/lib-bg-2-300x210.webp 300w, https:\/\/docs.vatu.dev\/app\/uploads\/sites\/5\/2025\/07\/lib-bg-2-768x537.webp 768w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n\n<div class=\"wp-block-group is-vertical is-layout-flex wp-container-core-group-is-layout-90752e8f wp-block-group-is-layout-flex\"><h3 class=\"no-underline wp-block-post-title has-medium-font-size\"><a href=\"https:\/\/docs.vatu.dev\/wordpress-base-theme\/hello-world\" target=\"_self\" >Example Post 1<\/a><\/h3>\n\n<div class=\"taxonomy-category has-link-color no-underline wp-elements-d5c09e7ae896313bec8ebf4be03e1587 wp-block-post-terms has-text-color has-secondary-color\"><span class=\"wp-block-post-terms__prefix\">Category: <\/span><a href=\"https:\/\/docs.vatu.dev\/wordpress-base-theme\/category\/uncategorized\" rel=\"tag\">Uncategorized<\/a><\/div><\/div>\n\n\n\n<div class=\"wp-block-buttons is-layout-flex wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button has-custom-width wp-block-button__width-100 is-style-fill\"><a class=\"wp-block-button__link wp-element-button\" style=\"padding-top:var(--wp--preset--spacing--small);padding-bottom:var(--wp--preset--spacing--small)\">Read post<\/a><\/div>\n<\/div>\n\n\n\n<div style=\"height:var(--wp--preset--spacing--20)\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<\/div>\n\n<\/li><\/ul><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div style=\"height:var(--wp--preset--spacing--xx-large)\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h1 id=\"posts-grid-7\" class=\"wp-block-heading has-medium-font-size\" style=\"margin-top:0;margin-bottom:var(--wp--preset--spacing--medium)\">Posts Grid 7<\/h1>\n\n\n\n<div class=\"wp-block-group alignfull has-tertiary-background-color has-background has-global-padding is-content-justification-center is-layout-constrained wp-container-core-group-is-layout-2cdbe03f wp-block-group-is-layout-constrained\" style=\"margin-top:0;margin-bottom:0;padding-top:var(--wp--preset--spacing--medium);padding-right:var(--wp--preset--spacing--medium);padding-bottom:var(--wp--preset--spacing--medium);padding-left:var(--wp--preset--spacing--medium)\">\n<div class=\"wp-block-columns alignwide is-layout-flex wp-container-core-columns-is-layout-28f84493 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-group has-global-padding is-content-justification-left is-layout-constrained wp-container-core-group-is-layout-12dd3699 wp-block-group-is-layout-constrained\">\n<h2 id=\"posts\" class=\"wp-block-heading wp-container-content-958eb9dc\">Posts<\/h2>\n<\/div>\n\n\n\n<div style=\"margin-top:0;margin-bottom:0;height:var(--wp--preset--spacing--10)\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:50%\">\n<div data-wp-context=\"{}\" data-wp-interactive=\"core\/query\" data-wp-key=\"9\" data-wp-router-region=\"query-9\" class=\"wp-block-query alignwide is-layout-flow wp-block-query-is-layout-flow\"><ul class=\"wp-block-post-template is-layout-flow wp-container-core-post-template-is-layout-490baee2 wp-block-post-template-is-layout-flow\"><li data-wp-key=\"post-template-item-260\" class=\"wp-block-post post-260 post type-post status-publish format-standard has-post-thumbnail hentry category-uncategorized\">\n\n<div class=\"wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-0152f160 wp-block-group-is-layout-flex\" style=\"border-bottom-width:1px;padding-top:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--20)\"><h3 class=\"has-text-align-left no-underline wp-block-post-title has-medium-font-size wp-container-content-9cfa9a5a\"><a href=\"https:\/\/docs.vatu.dev\/wordpress-base-theme\/example-post-4\" target=\"_self\" >Example Post 4<\/a><\/h3>\n\n<div class=\"has-text-align-right wp-block-post-date\"><time datetime=\"2025-08-15T14:08:02+00:00\">Aug 15<\/time><\/div><\/div>\n\n<\/li><li data-wp-key=\"post-template-item-261\" class=\"wp-block-post post-261 post type-post status-publish format-standard has-post-thumbnail hentry category-uncategorized\">\n\n<div class=\"wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-0152f160 wp-block-group-is-layout-flex\" style=\"border-bottom-width:1px;padding-top:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--20)\"><h3 class=\"has-text-align-left no-underline wp-block-post-title has-medium-font-size wp-container-content-9cfa9a5a\"><a href=\"https:\/\/docs.vatu.dev\/wordpress-base-theme\/example-post-3\" target=\"_self\" >Example Post 3<\/a><\/h3>\n\n<div class=\"has-text-align-right wp-block-post-date\"><time datetime=\"2025-08-15T14:07:52+00:00\">Aug 15<\/time><\/div><\/div>\n\n<\/li><li data-wp-key=\"post-template-item-259\" class=\"wp-block-post post-259 post type-post status-publish format-standard has-post-thumbnail hentry category-uncategorized\">\n\n<div class=\"wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-0152f160 wp-block-group-is-layout-flex\" style=\"border-bottom-width:1px;padding-top:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--20)\"><h3 class=\"has-text-align-left no-underline wp-block-post-title has-medium-font-size wp-container-content-9cfa9a5a\"><a href=\"https:\/\/docs.vatu.dev\/wordpress-base-theme\/example-post-2\" target=\"_self\" >Example Post 2<\/a><\/h3>\n\n<div class=\"has-text-align-right wp-block-post-date\"><time datetime=\"2025-08-15T14:07:39+00:00\">Aug 15<\/time><\/div><\/div>\n\n<\/li><li data-wp-key=\"post-template-item-1\" class=\"wp-block-post post-1 post type-post status-publish format-standard has-post-thumbnail hentry category-uncategorized\">\n\n<div class=\"wp-block-group is-nowrap is-layout-flex wp-container-core-group-is-layout-0152f160 wp-block-group-is-layout-flex\" style=\"border-bottom-width:1px;padding-top:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--20)\"><h3 class=\"has-text-align-left no-underline wp-block-post-title has-medium-font-size wp-container-content-9cfa9a5a\"><a href=\"https:\/\/docs.vatu.dev\/wordpress-base-theme\/hello-world\" target=\"_self\" >Example Post 1<\/a><\/h3>\n\n<div class=\"has-text-align-right wp-block-post-date\"><time datetime=\"2025-07-22T15:54:35+00:00\">Jul 22<\/time><\/div><\/div>\n\n<\/li><\/ul><\/div>\n<\/div>\n<\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Learn more about the Core Blocks used in these patterns: Group, Query Loop, Buttons, Image Login to try it yourself Posts Grid 1 Posts Posts Grid 2 Posts Posts Grid 3 Posts Posts Grid 4 Posts Posts Grid 5 Posts Posts Grid 6 Posts Stay up to date with the latest from our blog. Posts [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":18,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-no-title","meta":{"footnotes":""},"class_list":["post-43","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.6 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Posts Grid - WordPress Base Theme Documentation<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/docs.vatu.dev\/wordpress-base-theme\/patterns\/posts-grid\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Posts Grid - WordPress Base Theme Documentation\" \/>\n<meta property=\"og:description\" content=\"Learn more about the Core Blocks used in these patterns: Group, Query Loop, Buttons, Image Login to try it yourself Posts Grid 1 Posts Posts Grid 2 Posts Posts Grid 3 Posts Posts Grid 4 Posts Posts Grid 5 Posts Posts Grid 6 Posts Stay up to date with the latest from our blog. Posts [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/docs.vatu.dev\/wordpress-base-theme\/patterns\/posts-grid\" \/>\n<meta property=\"og:site_name\" content=\"WordPress Base Theme Documentation\" \/>\n<meta property=\"article:modified_time\" content=\"2025-08-15T14:18:26+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/docs.vatu.dev\\\/wordpress-base-theme\\\/patterns\\\/posts-grid\",\"url\":\"https:\\\/\\\/docs.vatu.dev\\\/wordpress-base-theme\\\/patterns\\\/posts-grid\",\"name\":\"Posts Grid - WordPress Base Theme Documentation\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/docs.vatu.dev\\\/wordpress-base-theme\\\/#website\"},\"datePublished\":\"2025-07-22T16:27:36+00:00\",\"dateModified\":\"2025-08-15T14:18:26+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/docs.vatu.dev\\\/wordpress-base-theme\\\/patterns\\\/posts-grid#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/docs.vatu.dev\\\/wordpress-base-theme\\\/patterns\\\/posts-grid\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/docs.vatu.dev\\\/wordpress-base-theme\\\/patterns\\\/posts-grid#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/docs.vatu.dev\\\/wordpress-base-theme\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Patterns\",\"item\":\"https:\\\/\\\/docs.vatu.dev\\\/wordpress-base-theme\\\/patterns\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"Posts Grid\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/docs.vatu.dev\\\/wordpress-base-theme\\\/#website\",\"url\":\"https:\\\/\\\/docs.vatu.dev\\\/wordpress-base-theme\\\/\",\"name\":\"WordPress Base Theme Documentation\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/docs.vatu.dev\\\/wordpress-base-theme\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Posts Grid - WordPress Base Theme Documentation","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/docs.vatu.dev\/wordpress-base-theme\/patterns\/posts-grid","og_locale":"en_US","og_type":"article","og_title":"Posts Grid - WordPress Base Theme Documentation","og_description":"Learn more about the Core Blocks used in these patterns: Group, Query Loop, Buttons, Image Login to try it yourself Posts Grid 1 Posts Posts Grid 2 Posts Posts Grid 3 Posts Posts Grid 4 Posts Posts Grid 5 Posts Posts Grid 6 Posts Stay up to date with the latest from our blog. Posts [&hellip;]","og_url":"https:\/\/docs.vatu.dev\/wordpress-base-theme\/patterns\/posts-grid","og_site_name":"WordPress Base Theme Documentation","article_modified_time":"2025-08-15T14:18:26+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/docs.vatu.dev\/wordpress-base-theme\/patterns\/posts-grid","url":"https:\/\/docs.vatu.dev\/wordpress-base-theme\/patterns\/posts-grid","name":"Posts Grid - WordPress Base Theme Documentation","isPartOf":{"@id":"https:\/\/docs.vatu.dev\/wordpress-base-theme\/#website"},"datePublished":"2025-07-22T16:27:36+00:00","dateModified":"2025-08-15T14:18:26+00:00","breadcrumb":{"@id":"https:\/\/docs.vatu.dev\/wordpress-base-theme\/patterns\/posts-grid#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/docs.vatu.dev\/wordpress-base-theme\/patterns\/posts-grid"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/docs.vatu.dev\/wordpress-base-theme\/patterns\/posts-grid#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/docs.vatu.dev\/wordpress-base-theme\/"},{"@type":"ListItem","position":2,"name":"Patterns","item":"https:\/\/docs.vatu.dev\/wordpress-base-theme\/patterns"},{"@type":"ListItem","position":3,"name":"Posts Grid"}]},{"@type":"WebSite","@id":"https:\/\/docs.vatu.dev\/wordpress-base-theme\/#website","url":"https:\/\/docs.vatu.dev\/wordpress-base-theme\/","name":"WordPress Base Theme Documentation","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/docs.vatu.dev\/wordpress-base-theme\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"_links":{"self":[{"href":"https:\/\/docs.vatu.dev\/wordpress-base-theme\/wp-json\/wp\/v2\/pages\/43","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/docs.vatu.dev\/wordpress-base-theme\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/docs.vatu.dev\/wordpress-base-theme\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/docs.vatu.dev\/wordpress-base-theme\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/docs.vatu.dev\/wordpress-base-theme\/wp-json\/wp\/v2\/comments?post=43"}],"version-history":[{"count":8,"href":"https:\/\/docs.vatu.dev\/wordpress-base-theme\/wp-json\/wp\/v2\/pages\/43\/revisions"}],"predecessor-version":[{"id":275,"href":"https:\/\/docs.vatu.dev\/wordpress-base-theme\/wp-json\/wp\/v2\/pages\/43\/revisions\/275"}],"up":[{"embeddable":true,"href":"https:\/\/docs.vatu.dev\/wordpress-base-theme\/wp-json\/wp\/v2\/pages\/18"}],"wp:attachment":[{"href":"https:\/\/docs.vatu.dev\/wordpress-base-theme\/wp-json\/wp\/v2\/media?parent=43"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}