{"id":1096479,"date":"2025-12-29T20:28:08","date_gmt":"2025-12-29T20:28:08","guid":{"rendered":"https:\/\/wordpress.org\/patterns\/?post_type=wporg-pattern&#038;p=1096479"},"modified":"2025-12-29T20:28:08","modified_gmt":"2025-12-29T20:28:08","slug":"bento-grid","status":"publish","type":"wporg-pattern","link":"https:\/\/it.wordpress.org\/patterns\/pattern\/bento-grid\/","title":{"rendered":"Bento Grid"},"content":{"rendered":"\n<div class=\"wp-block-group alignfull has-background is-layout-constrained wp-container-core-group-is-layout-bc087ec8 wp-block-group-is-layout-constrained\" style=\"background-color:#f5f5f5;padding-top:80px;padding-right:40px;padding-bottom:80px;padding-left:40px\">\n<h2 class=\"wp-block-heading has-text-align-center\" style=\"margin-bottom:50px;font-size:2.5rem;font-style:normal;font-weight:700\">Why Choose Us<\/h2>\n\n\n\n<div class=\"wp-block-columns is-not-stacked-on-mobile is-layout-flex wp-container-core-columns-is-layout-e87aa3e2 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:60%\">\n<div class=\"wp-block-group has-background is-layout-flow wp-block-group-is-layout-flow\" style=\"border-radius:24px;background:linear-gradient(135deg,rgb(99,102,241) 0%,rgb(168,85,247) 100%);padding-top:40px;padding-right:40px;padding-bottom:40px;padding-left:40px\">\n<p class=\"wp-block-paragraph\" style=\"margin-bottom:100px;font-size:3rem\">\ud83d\ude80<\/p>\n\n\n\n<h3 class=\"wp-block-heading has-text-color\" style=\"color:#ffffff;font-size:1.75rem;font-style:normal;font-weight:700\">Lightning Fast Performance<\/h3>\n\n\n\n<p class=\"has-text-color wp-block-paragraph\" style=\"color:#e0e7ff;margin-top:12px\">Our optimized infrastructure delivers blazing fast load times, keeping your visitors engaged.<\/p>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:40%\">\n<div class=\"wp-block-group has-background is-layout-flow wp-block-group-is-layout-flow\" style=\"border-radius:24px;background-color:#ffffff;padding-top:40px;padding-right:40px;padding-bottom:40px;padding-left:40px\">\n<p class=\"wp-block-paragraph\" style=\"margin-bottom:100px;font-size:3rem\">\ud83d\udd12<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" style=\"font-size:1.25rem;font-style:normal;font-weight:700\">Bank-Level Security<\/h3>\n\n\n\n<p class=\"has-text-color wp-block-paragraph\" style=\"color:#6b7280;margin-top:8px;font-size:0.9375rem\">256-bit encryption protects your data around the clock.<\/p>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns is-not-stacked-on-mobile is-layout-flex wp-container-core-columns-is-layout-697ab82f wp-block-columns-is-layout-flex\" style=\"margin-top:24px\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-group has-background is-layout-flow wp-block-group-is-layout-flow\" style=\"border-radius:24px;background-color:#111827;padding-top:32px;padding-right:32px;padding-bottom:32px;padding-left:32px\">\n<p class=\"wp-block-paragraph\" style=\"margin-bottom:40px;font-size:2rem\">\ud83d\udcca<\/p>\n\n\n\n<h3 class=\"wp-block-heading has-text-color\" style=\"color:#ffffff;font-size:1.125rem;font-style:normal;font-weight:600\">Real-time Analytics<\/h3>\n\n\n\n<p class=\"has-text-color wp-block-paragraph\" style=\"color:#9ca3af;margin-top:4px;font-size:0.875rem\">Track everything that matters.<\/p>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-group has-background is-layout-flow wp-block-group-is-layout-flow\" style=\"border-radius:24px;background-color:#fef3c7;padding-top:32px;padding-right:32px;padding-bottom:32px;padding-left:32px\">\n<p class=\"wp-block-paragraph\" style=\"margin-bottom:40px;font-size:2rem\">\u26a1<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" style=\"font-size:1.125rem;font-style:normal;font-weight:600\">Instant Setup<\/h3>\n\n\n\n<p class=\"has-text-color wp-block-paragraph\" style=\"color:#92400e;margin-top:4px;font-size:0.875rem\">Get started in under 5 minutes.<\/p>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-group has-background is-layout-flow wp-block-group-is-layout-flow\" style=\"border-radius:24px;background-color:#dcfce7;padding-top:32px;padding-right:32px;padding-bottom:32px;padding-left:32px\">\n<p class=\"wp-block-paragraph\" style=\"margin-bottom:40px;font-size:2rem\">\ud83c\udf0d<\/p>\n\n\n\n<h3 class=\"wp-block-heading\" style=\"font-size:1.125rem;font-style:normal;font-weight:600\">Global CDN<\/h3>\n\n\n\n<p class=\"has-text-color wp-block-paragraph\" style=\"color:#166534;margin-top:4px;font-size:0.875rem\">200+ edge locations worldwide.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n","protected":false},"author":23405775,"parent":0,"template":"","meta":{"wpop_keywords":"","wpop_description":"A modern bento-style grid layout featuring asymmetric cards of varying sizes. Perfect for showcasing features, services, or benefits with icons and descriptions. Includes a large highlight card and smaller supporting cards.","wpop_viewport_width":1200,"wpop_block_types":[],"wpop_locale":"en_US","wpop_wp_version":"","wpop_contains_block_types":"core\/column,core\/columns,core\/group,core\/heading,core\/paragraph","footnotes":""},"pattern-categories":[42],"pattern-keywords":[],"wporg-pattern-flag-reason":[],"class_list":["post-1096479","wporg-pattern","type-wporg-pattern","status-publish","hentry","wporg-pattern-category-call-to-action"],"category_slugs":["call-to-action"],"keyword_slugs":[],"pattern_content":"<!-- wp:group {\"align\":\"full\",\"style\":{\"spacing\":{\"padding\":{\"top\":\"80px\",\"bottom\":\"80px\",\"left\":\"40px\",\"right\":\"40px\"}},\"color\":{\"background\":\"#f5f5f5\"}},\"layout\":{\"type\":\"constrained\",\"contentSize\":\"1200px\"}} -->\n<div class=\"wp-block-group alignfull has-background\" style=\"background-color:#f5f5f5;padding-top:80px;padding-right:40px;padding-bottom:80px;padding-left:40px\"><!-- wp:heading {\"textAlign\":\"center\",\"style\":{\"typography\":{\"fontStyle\":\"normal\",\"fontWeight\":\"700\",\"fontSize\":\"2.5rem\"},\"spacing\":{\"margin\":{\"bottom\":\"50px\"}}}} -->\n<h2 class=\"wp-block-heading has-text-align-center\" style=\"margin-bottom:50px;font-size:2.5rem;font-style:normal;font-weight:700\">Why Choose Us<\/h2>\n<!-- \/wp:heading -->\n\n<!-- wp:columns {\"isStackedOnMobile\":false,\"style\":{\"spacing\":{\"blockGap\":{\"left\":\"24px\"}}}} -->\n<div class=\"wp-block-columns is-not-stacked-on-mobile\"><!-- wp:column {\"width\":\"60%\"} -->\n<div class=\"wp-block-column\" style=\"flex-basis:60%\"><!-- wp:group {\"style\":{\"spacing\":{\"padding\":{\"top\":\"40px\",\"bottom\":\"40px\",\"left\":\"40px\",\"right\":\"40px\"}},\"color\":{\"gradient\":\"linear-gradient(135deg,rgb(99,102,241) 0%,rgb(168,85,247) 100%)\"},\"border\":{\"radius\":\"24px\"}},\"layout\":{\"type\":\"default\"}} -->\n<div class=\"wp-block-group has-background\" style=\"border-radius:24px;background:linear-gradient(135deg,rgb(99,102,241) 0%,rgb(168,85,247) 100%);padding-top:40px;padding-right:40px;padding-bottom:40px;padding-left:40px\"><!-- wp:paragraph {\"style\":{\"typography\":{\"fontSize\":\"3rem\"},\"spacing\":{\"margin\":{\"bottom\":\"100px\"}}}} -->\n<p style=\"margin-bottom:100px;font-size:3rem\">\ud83d\ude80<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:heading {\"level\":3,\"style\":{\"typography\":{\"fontStyle\":\"normal\",\"fontWeight\":\"700\",\"fontSize\":\"1.75rem\"},\"color\":{\"text\":\"#ffffff\"}}} -->\n<h3 class=\"wp-block-heading has-text-color\" style=\"color:#ffffff;font-size:1.75rem;font-style:normal;font-weight:700\">Lightning Fast Performance<\/h3>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph {\"style\":{\"color\":{\"text\":\"#e0e7ff\"},\"spacing\":{\"margin\":{\"top\":\"12px\"}}}} -->\n<p class=\"has-text-color\" style=\"color:#e0e7ff;margin-top:12px\">Our optimized infrastructure delivers blazing fast load times, keeping your visitors engaged.<\/p>\n<!-- \/wp:paragraph --><\/div>\n<!-- \/wp:group --><\/div>\n<!-- \/wp:column -->\n\n<!-- wp:column {\"width\":\"40%\"} -->\n<div class=\"wp-block-column\" style=\"flex-basis:40%\"><!-- wp:group {\"style\":{\"spacing\":{\"padding\":{\"top\":\"40px\",\"bottom\":\"40px\",\"left\":\"40px\",\"right\":\"40px\"}},\"color\":{\"background\":\"#ffffff\"},\"border\":{\"radius\":\"24px\"}},\"layout\":{\"type\":\"default\"}} -->\n<div class=\"wp-block-group has-background\" style=\"border-radius:24px;background-color:#ffffff;padding-top:40px;padding-right:40px;padding-bottom:40px;padding-left:40px\"><!-- wp:paragraph {\"style\":{\"typography\":{\"fontSize\":\"3rem\"},\"spacing\":{\"margin\":{\"bottom\":\"100px\"}}}} -->\n<p style=\"margin-bottom:100px;font-size:3rem\">\ud83d\udd12<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:heading {\"level\":3,\"style\":{\"typography\":{\"fontStyle\":\"normal\",\"fontWeight\":\"700\",\"fontSize\":\"1.25rem\"}}} -->\n<h3 class=\"wp-block-heading\" style=\"font-size:1.25rem;font-style:normal;font-weight:700\">Bank-Level Security<\/h3>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph {\"style\":{\"color\":{\"text\":\"#6b7280\"},\"typography\":{\"fontSize\":\"0.9375rem\"},\"spacing\":{\"margin\":{\"top\":\"8px\"}}}} -->\n<p class=\"has-text-color\" style=\"color:#6b7280;margin-top:8px;font-size:0.9375rem\">256-bit encryption protects your data around the clock.<\/p>\n<!-- \/wp:paragraph --><\/div>\n<!-- \/wp:group --><\/div>\n<!-- \/wp:column --><\/div>\n<!-- \/wp:columns -->\n\n<!-- wp:columns {\"isStackedOnMobile\":false,\"style\":{\"spacing\":{\"blockGap\":{\"left\":\"24px\"},\"margin\":{\"top\":\"24px\"}}}} -->\n<div class=\"wp-block-columns is-not-stacked-on-mobile\" style=\"margin-top:24px\"><!-- wp:column -->\n<div class=\"wp-block-column\"><!-- wp:group {\"style\":{\"spacing\":{\"padding\":{\"top\":\"32px\",\"bottom\":\"32px\",\"left\":\"32px\",\"right\":\"32px\"}},\"color\":{\"background\":\"#111827\"},\"border\":{\"radius\":\"24px\"}},\"layout\":{\"type\":\"default\"}} -->\n<div class=\"wp-block-group has-background\" style=\"border-radius:24px;background-color:#111827;padding-top:32px;padding-right:32px;padding-bottom:32px;padding-left:32px\"><!-- wp:paragraph {\"style\":{\"typography\":{\"fontSize\":\"2rem\"},\"spacing\":{\"margin\":{\"bottom\":\"40px\"}}}} -->\n<p style=\"margin-bottom:40px;font-size:2rem\">\ud83d\udcca<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:heading {\"level\":3,\"style\":{\"typography\":{\"fontStyle\":\"normal\",\"fontWeight\":\"600\",\"fontSize\":\"1.125rem\"},\"color\":{\"text\":\"#ffffff\"}}} -->\n<h3 class=\"wp-block-heading has-text-color\" style=\"color:#ffffff;font-size:1.125rem;font-style:normal;font-weight:600\">Real-time Analytics<\/h3>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph {\"style\":{\"color\":{\"text\":\"#9ca3af\"},\"typography\":{\"fontSize\":\"0.875rem\"},\"spacing\":{\"margin\":{\"top\":\"4px\"}}}} -->\n<p class=\"has-text-color\" style=\"color:#9ca3af;margin-top:4px;font-size:0.875rem\">Track everything that matters.<\/p>\n<!-- \/wp:paragraph --><\/div>\n<!-- \/wp:group --><\/div>\n<!-- \/wp:column -->\n\n<!-- wp:column -->\n<div class=\"wp-block-column\"><!-- wp:group {\"style\":{\"spacing\":{\"padding\":{\"top\":\"32px\",\"bottom\":\"32px\",\"left\":\"32px\",\"right\":\"32px\"}},\"color\":{\"background\":\"#fef3c7\"},\"border\":{\"radius\":\"24px\"}},\"layout\":{\"type\":\"default\"}} -->\n<div class=\"wp-block-group has-background\" style=\"border-radius:24px;background-color:#fef3c7;padding-top:32px;padding-right:32px;padding-bottom:32px;padding-left:32px\"><!-- wp:paragraph {\"style\":{\"typography\":{\"fontSize\":\"2rem\"},\"spacing\":{\"margin\":{\"bottom\":\"40px\"}}}} -->\n<p style=\"margin-bottom:40px;font-size:2rem\">\u26a1<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:heading {\"level\":3,\"style\":{\"typography\":{\"fontStyle\":\"normal\",\"fontWeight\":\"600\",\"fontSize\":\"1.125rem\"}}} -->\n<h3 class=\"wp-block-heading\" style=\"font-size:1.125rem;font-style:normal;font-weight:600\">Instant Setup<\/h3>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph {\"style\":{\"color\":{\"text\":\"#92400e\"},\"typography\":{\"fontSize\":\"0.875rem\"},\"spacing\":{\"margin\":{\"top\":\"4px\"}}}} -->\n<p class=\"has-text-color\" style=\"color:#92400e;margin-top:4px;font-size:0.875rem\">Get started in under 5 minutes.<\/p>\n<!-- \/wp:paragraph --><\/div>\n<!-- \/wp:group --><\/div>\n<!-- \/wp:column -->\n\n<!-- wp:column -->\n<div class=\"wp-block-column\"><!-- wp:group {\"style\":{\"spacing\":{\"padding\":{\"top\":\"32px\",\"bottom\":\"32px\",\"left\":\"32px\",\"right\":\"32px\"}},\"color\":{\"background\":\"#dcfce7\"},\"border\":{\"radius\":\"24px\"}},\"layout\":{\"type\":\"default\"}} -->\n<div class=\"wp-block-group has-background\" style=\"border-radius:24px;background-color:#dcfce7;padding-top:32px;padding-right:32px;padding-bottom:32px;padding-left:32px\"><!-- wp:paragraph {\"style\":{\"typography\":{\"fontSize\":\"2rem\"},\"spacing\":{\"margin\":{\"bottom\":\"40px\"}}}} -->\n<p style=\"margin-bottom:40px;font-size:2rem\">\ud83c\udf0d<\/p>\n<!-- \/wp:paragraph -->\n\n<!-- wp:heading {\"level\":3,\"style\":{\"typography\":{\"fontStyle\":\"normal\",\"fontWeight\":\"600\",\"fontSize\":\"1.125rem\"}}} -->\n<h3 class=\"wp-block-heading\" style=\"font-size:1.125rem;font-style:normal;font-weight:600\">Global CDN<\/h3>\n<!-- \/wp:heading -->\n\n<!-- wp:paragraph {\"style\":{\"color\":{\"text\":\"#166534\"},\"typography\":{\"fontSize\":\"0.875rem\"},\"spacing\":{\"margin\":{\"top\":\"4px\"}}}} -->\n<p class=\"has-text-color\" style=\"color:#166534;margin-top:4px;font-size:0.875rem\">200+ edge locations worldwide.<\/p>\n<!-- \/wp:paragraph --><\/div>\n<!-- \/wp:group --><\/div>\n<!-- \/wp:column --><\/div>\n<!-- \/wp:columns --><\/div>\n<!-- \/wp:group -->","favorite_count":6,"author_meta":{"name":"webstepper","url":"https:\/\/it.wordpress.org\/patterns\/author\/webstepper","avatar":"https:\/\/secure.gravatar.com\/avatar\/244a2518ff147b3d56ed6cf06d6e920f0ff01640bc96bda54446d7cff0c292f5?s=64&d=mm&r=g"},"unlisted_reason":[],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/it.wordpress.org\/patterns\/wp-json\/wp\/v2\/wporg-pattern\/1096479","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/it.wordpress.org\/patterns\/wp-json\/wp\/v2\/wporg-pattern"}],"about":[{"href":"https:\/\/it.wordpress.org\/patterns\/wp-json\/wp\/v2\/types\/wporg-pattern"}],"version-history":[{"count":1,"href":"https:\/\/it.wordpress.org\/patterns\/wp-json\/wp\/v2\/wporg-pattern\/1096479\/revisions"}],"predecessor-version":[{"id":1096541,"href":"https:\/\/it.wordpress.org\/patterns\/wp-json\/wp\/v2\/wporg-pattern\/1096479\/revisions\/1096541"}],"author":[{"embeddable":true,"href":"https:\/\/it.wordpress.org\/patterns\/wp-json\/wporg\/v1\/users\/webstepper"}],"wp:attachment":[{"href":"https:\/\/it.wordpress.org\/patterns\/wp-json\/wp\/v2\/media?parent=1096479"}],"wp:term":[{"taxonomy":"wporg-pattern-category","embeddable":true,"href":"https:\/\/it.wordpress.org\/patterns\/wp-json\/wp\/v2\/pattern-categories?post=1096479"},{"taxonomy":"wporg-pattern-keyword","embeddable":true,"href":"https:\/\/it.wordpress.org\/patterns\/wp-json\/wp\/v2\/pattern-keywords?post=1096479"},{"taxonomy":"wporg-pattern-flag-reason","embeddable":true,"href":"https:\/\/it.wordpress.org\/patterns\/wp-json\/wp\/v2\/wporg-pattern-flag-reason?post=1096479"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}