Curated blog with news, events, listings, jobs and exciting stories about web design & web development.

Bento Grids — Easily Create a Bento Grid in WordPress ©Spectra

Spectra Releases CSS Grid for Creating Bento Box Style Layouts

ByStefan
Published26 April 2024
Last Updated18 November 2024
WordPress

The Spectra team has just released CSS Grid for the drag & drop website builder for Gutenberg. It allows you to create previously impossible designs such as Bento box style layouts.

people visited this page

spent on this page

people liked this page

Share this page, earn commissions for referred customers.

Copied!

CSS Grid

With the new CSS Grid feature, you can finally unlock any type of layout with Spectra, including stunning Bento grids.

The following features have also been added

Absolute positioning to make it easy to achieve overlapping elements in a mobile-friendly way
Revised Global Linked Styles to make it faster and easier to style your entire site
Motion effects to make your layouts pop
And much more

Did you know that Spectra now powers more than 700k WordPress sites? Get the page builder for Gutenberg and its advanced grid builder today!

Biff Codes - The Job Board for WordPress Devs

Biff.codes is on a mission to revolutionize job boards. Post and find WordPress developer jobs for free.

Post Jobs for Free

FTC Disclosure: We may receive a payment in connection with purchases of products or services featured in this post.

Stefan

Ahoi.dev is a ShabuShabu project by Stefan Glumpler & Boris Glumpler – a brother and web designer / developer team based in Munich, Germany. Servus from Bavaria!

Articles: 4878

Add your first comment to this post

Accessibility Adjustments

Accessibility Commitment for Ahoi.dev

At Ahoi.dev, we are committed to making our digital presence as accessible and inclusive as reasonably possible for all users, including individuals with disabilities. Our goal is to improve the usability of https://ahoi.dev and to support a more accessible experience for everyone, regardless of their abilities or the technologies they use.

Our Approach to Accessibility

We aim to align with the Web Content Accessibility Guidelines (WCAG), which define internationally recognized standards for digital accessibility. While full compliance cannot always be guaranteed, we strive to implement improvements where feasible and regularly review accessibility-related aspects of our website. Accessibility is an ongoing process, and we are committed to improving the experience over time as technologies, standards, and user needs evolve.

Accessibility Features

To support accessibility, https://ahoi.dev may utilize tools such as the OneTap accessibility toolbar. This interface provides users with a range of helpful features, including:

Adjustable text size and contrast settings
Highlighting of links and text for better visibility
Full keyboard navigation of the toolbar interface
Quick launch via keyboard shortcut: Alt + . (Windows) or ⌘ + . (Mac)

Please note the following:

The availability and effectiveness of these features depend on the website's configuration and ongoing maintenance.
While we strive to ensure accessibility, we cannot guarantee that every part of https://ahoi.dev will be fully accessible at all times. Some content may be provided by third parties or affected by technical constraints beyond our immediate control.

Feedback and Contact

We welcome your feedback. If you experience any accessibility barriers or have suggestions for improvement, please contact us. We are committed to reviewing all inquiries and aim to respond within 3–5 business days. If you require assistance accessing any part of this website, we are happy to provide support through alternative channels upon request.

Competent Supervisory Authority

The following authority is responsible for monitoring accessibility on this website: Marktüberwachungsstelle der Länder für die Barrierefreiheit von Produkten und Dienstleistungen (MLBF) c/o Ministerium für Arbeit, Soziales, Gesundheit und Gleichstellung Sachsen-Anhalt PO Box 39 11 55 39135 Magdeburg Telephone: (+49) (0) 391 567 4530 Email: MLBF@ms.sachsen-anhalt.de Last updated: July 6, 2025

Select your accessibility profile

Vision Impaired Mode

Enhances website's visuals

Seizure Safe Profile

Clear flashes & reduces color

ADHD Friendly Mode

Focused browsing, distraction-free

Blindness Mode

Reduces distractions, improves focus

Epilepsy Safe Mode

Dims colors and stops blinking

Content Modules

Font Size

Default

Line Height

Default

Color Modules

Orientation Modules

Your Mastodon Instance

CSS Grid

Biff Codes - The Job Board for WordPress Devs

Stefan

Related Posts

Classic Monks: The All‑In‑One Core Stack Plugin for Faster WordPress Builds

SnipVault Introduces Remote Sites To WordPress Code Snippets Plugin

B2B for SureCart Introduces Product Tables

Add your first comment to this post

Trending Now