# Visually Building Grids with Elements and Tailwind CSS

**URL:** <https://forums.realmacsoftware.com/t/visually-building-grids-with-elements-and-tailwind-css/49692>\
**Category:** Elements\
**Created:** [August 11, 2025, 1:57pm UTC](https://forums.realmacsoftware.com/t/visually-building-grids-with-elements-and-tailwind-css/49692 "2025-08-11T13:57:51Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![dan](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/dan/32/28516_2.png) [@dan](https://forums.realmacsoftware.com/u/dan)\
**Post date:** [August 11, 2025, 1:57pm UTC](https://forums.realmacsoftware.com/t/visually-building-grids-with-elements-and-tailwind-css/49692/1 "2025-08-11T13:57:51Z")

</div>

In this video, @ben takes you through how to build grids in Elements step-by-step. While the main goal is to give potential new users a taste of what Elements can do, I think many of you who are already using it will also pick up a few handy tips and tricks you can use in your own projects.

If you’ve been curious about the grid component or just want to see a few different ways of working with layouts, this is a quick and fun watch. Enjoy!

[![](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/d/c/dc5e980a70a98978a56922c05ca0e54becfc6d3e.jpeg "Build Any Grid Layout in Seconds with This Tailwind CSS Visual Builder!") ](https://www.youtube.com/watch?v=RqA36mX8338&t=17s)

---

<div class="post-metadata">

**Author:** ![PLM](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/plm/32/31094_2.png) [@PLM](https://forums.realmacsoftware.com/u/PLM)\
**Post date:** [August 11, 2025, 5:25pm UTC](https://forums.realmacsoftware.com/t/visually-building-grids-with-elements-and-tailwind-css/49692/2 "2025-08-11T17:25:23Z")

</div>

Yes, more . . . and a Core with the Bento Grid would be helpful. @dan

---

<div class="post-metadata">

**Author:** ![klap](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/klap/32/25866_2.png) [@klap](https://forums.realmacsoftware.com/u/klap)\
**Post date:** [August 11, 2025, 5:53pm UTC](https://forums.realmacsoftware.com/t/visually-building-grids-with-elements-and-tailwind-css/49692/3 "2025-08-11T17:53:13Z")

</div>

This is super helpful Ben! I just love what elements can do! Thank you!

---

<div class="post-metadata">

**Author:** ![Tov](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/tov/32/29403_2.png) [@Tov](https://forums.realmacsoftware.com/u/Tov)\
**Post date:** [August 11, 2025, 7:02pm UTC](https://forums.realmacsoftware.com/t/visually-building-grids-with-elements-and-tailwind-css/49692/4 "2025-08-11T19:02:06Z")

</div>

Its really powerful. Also adjusting it from mobile to desktop. 👍