\
**Category:** Elements API\
**Created:** [August 29, 2024, 2:45pm UTC](https://forums.realmacsoftware.com/t/grid-using-custom-html-component-85-complete-download/44460 "2024-08-29T14:45:50Z")\
**Posts on this page:** 14\
**Page:** 1
**Author:**  [@upssjw](https://forums.realmacsoftware.com/u/upssjw)\
**Post date:** [August 29, 2024, 2:45pm UTC](https://forums.realmacsoftware.com/t/grid-using-custom-html-component-85-complete-download/44460/1 "2024-08-29T14:45:50Z")
thought I would see if I could control a three grid layout just tailwind and Elements
Lots to do, the cols and rows were fixed for the grid not set a lot up yet
I even have one of the grids scrolling, kind of shows in part how grid works
[https://we.tl/t-TwVelw7I73](https://we.tl/t-TwVelw7I73)
---
**Author:**  [@upssjw](https://forums.realmacsoftware.com/u/upssjw)\
**Post date:** [September 1, 2024, 12:09pm UTC](https://forums.realmacsoftware.com/t/grid-using-custom-html-component-85-complete-download/44460/2 "2024-09-01T12:09:24Z")
about 80% complete, poor resolution video, good exercise to practice Elements
you can now have 1 2 or 3 grids
Not added margins, drop zones or text boxes yet
@dan I highlight the override circles for each screen size, at end of the video, is there a way I can hide these
---
**Author:**  [@dan](https://forums.realmacsoftware.com/u/dan)\
**Post date:** [September 1, 2024, 12:43pm UTC](https://forums.realmacsoftware.com/t/grid-using-custom-html-component-85-complete-download/44460/3 "2024-09-01T12:43:05Z")
I’m not 100% sure what you’re up to here, but it all looks really cool 🤘
---
**Author:**  [@upssjw](https://forums.realmacsoftware.com/u/upssjw)\
**Post date:** [September 1, 2024, 12:53pm UTC](https://forums.realmacsoftware.com/t/grid-using-custom-html-component-85-complete-download/44460/4 "2024-09-01T12:53:07Z")
[https://we.tl/t-9UUiHG9YK2](https://we.tl/t-9UUiHG9YK2)
you can try here
I just need to hide the override circles next to my controls and leave the Elements controls with the overrides
not sure what settings I left in the custom Element
Still a few typos in this version
borders radius etc are still linked from mobile settings
---
**Author:**  [@upssjw](https://forums.realmacsoftware.com/u/upssjw)\
**Post date:** [September 1, 2024, 3:15pm UTC](https://forums.realmacsoftware.com/t/grid-using-custom-html-component-85-complete-download/44460/5 "2024-09-01T15:15:22Z")
[https://we.tl/t-U1rW8APrAZ](https://we.tl/t-U1rW8APrAZ)
a stripped back version, not finished, using drop zones only
---
**Author:**  [@upssjw](https://forums.realmacsoftware.com/u/upssjw)\
**Post date:** [September 4, 2024, 7:52pm UTC](https://forums.realmacsoftware.com/t/grid-using-custom-html-component-85-complete-download/44460/6 "2024-09-04T19:52:32Z")
further to Dan’s grid video, ok a few % moved on in my learning stage and my grid Custom HTML Element
Almost decoupled everything from mobile anD desktop, only padding left
This is just grids with 3 grid items, position anywhere and resize, remove grids, drop zones removed for now
I have added 3d views as we’ll
Elements makes this easy
Started to learn Alpine JS now, so time away from this
---
**Author:**  [@upssjw](https://forums.realmacsoftware.com/u/upssjw)\
**Post date:** [September 4, 2024, 7:58pm UTC](https://forums.realmacsoftware.com/t/grid-using-custom-html-component-85-complete-download/44460/7 "2024-09-04T19:58:28Z")
---
**Author:**  [@upssjw](https://forums.realmacsoftware.com/u/upssjw)\
**Post date:** [September 7, 2024, 8:38pm UTC](https://forums.realmacsoftware.com/t/grid-using-custom-html-component-85-complete-download/44460/8 "2024-09-07T20:38:45Z")
restarted the backbone now just a copy and paste exercise to have all options working, have a different workflow now, so will be quicker, change from 3 grid items to 5 grid items hopefully
wanted to have a background grid to make it easier + a great learning exercise for me
Elements is really great just trying to learn alpine js but keep wanting to try different things in Elements
see video below
[https://we.tl/t-EisWhPGTEG](https://we.tl/t-EisWhPGTEG)
---
**Author:**  [@klap](https://forums.realmacsoftware.com/u/klap)\
**Post date:** [September 8, 2024, 12:04am UTC](https://forums.realmacsoftware.com/t/grid-using-custom-html-component-85-complete-download/44460/9 "2024-09-08T00:04:14Z")
Nice work Steve!
---
**Author:**  [@upssjw](https://forums.realmacsoftware.com/u/upssjw)\
**Post date:** [September 8, 2024, 7:21am UTC](https://forums.realmacsoftware.com/t/grid-using-custom-html-component-85-complete-download/44460/10 "2024-09-08T07:21:39Z")
moved on from video above
added some controls back in, a few more to add, didn’t bother centring etc for this video as file would be too big
can turn off grid element, dropzone and grid layout/background
---
**Author:**  [@upssjw](https://forums.realmacsoftware.com/u/upssjw)\
**Post date:** [September 8, 2024, 2:16pm UTC](https://forums.realmacsoftware.com/t/grid-using-custom-html-component-85-complete-download/44460/11 "2024-09-08T14:16:19Z")
@dan is there a way of removing the override dots?
---
**Author:**  [@upssjw](https://forums.realmacsoftware.com/u/upssjw)\
**Post date:** [September 8, 2024, 6:26pm UTC](https://forums.realmacsoftware.com/t/grid-using-custom-html-component-85-complete-download/44460/12 "2024-09-08T18:26:54Z")
about 85% complete works I think, maybe odd bug if I didn’t copy paste replace 100%, checked out of most it
I have left the 5 grid items in both md and mobile showing, grid setups can change both size and grid size,
turn off grid items you do not need in each grid item area
the only thing to be aware drop zones need to be overridden for mobile and md with Elements, easy enough, otherwise they show in the other both screen sizes
> **[grid with grid base.elements](https://wetransfer.com/downloads/a147608ec180ee2a348a79e976ea0b7420240908182003/b18202)**
>
> 12 files sent via WeTransfer, the simplest way to send your files around the world
by the way the images are mine no copyright issues
there is a mt-12 in the html
---
**Author:**  [@dan](https://forums.realmacsoftware.com/u/dan)\
**Post date:** [September 8, 2024, 9:08pm UTC](https://forums.realmacsoftware.com/t/grid-using-custom-html-component-85-complete-download/44460/13 "2024-09-08T21:08:49Z")
To turn off the responsive override, set the `responsive` property to `false` in your component configuration!
---
**Author:**  [@upssjw](https://forums.realmacsoftware.com/u/upssjw)\
**Post date:** [September 8, 2024, 9:19pm UTC](https://forums.realmacsoftware.com/t/grid-using-custom-html-component-85-complete-download/44460/14 "2024-09-08T21:19:33Z")
Dan thanks just realised it was in the manual, I had seen it but forgot