Skip to content
Forge

Bento feature grid

Tiles of varying sizes highlighting a flagship feature and its companions.

  • Tailwind
  • React
  • CSS
  • WordPress
Open in a new tab

Description

The large tile carries the main feature, the others complement it. On mobile, tiles stack in the same reading order. Each visual is drawn in CSS.

Code

Loading the code…

Archive contents

features-bento-html-tailwind.zip3 files · 3 Ko

  • index.html3 Ko
  • README.md2 Ko
  • LICENSE.md1 Ko

Tags

Updated on October 12, 2026.

In the same spirit

  • Service list with prices

    Free

    A craftsperson's services with a short description, an indicative price and a link to details.

    • Tailwind
    • React
    • CSS
    • WordPress
    Component

  • Alternating feature rows

    Coming soon

    Three features presented in rows where text and visual switch sides.

    • Tailwind
    • React
    • CSS
    • WordPress
    Component

  • Dark feature list

    Coming soon

    A dark two-column section where each feature is separated by a thin rule.

    • Tailwind
    • React
    • CSS
    • WordPress
    Component

  • Icon feature grid

    Free

    Six features in a grid, each with an icon, a title and a short description.

    • Tailwind
    • React
    • CSS
    • WordPress
    Component