That’s a really great video and it shows perfectly how to get the most out of the Grid component.
I’d love to see a whole series of similar videos and small example projects, each focusing on the different Elements components (like Flexbox, Image Slider, Modal, Reveal, and so on). I think this would help a lot of people in the community when creating their websites – and it would follow in the footsteps of Adam’s (Elixir) very successful and helpful YouTube videos that he used to make.
Two quick things on the side
Loving the new component icons, and the “Empty Spacer” component is a nice touch!
I liked the idea of your Empty Spacer custom component. I see in the code … :
<div id="{{id}}" class="pt-20">
</div>
… what is the relevance of the id=“{{id}}”, i.e. how would one use that. It would seem that the class of “pt-20” could be defined as a property to enable different values to be used.
Would it be useful to have this Empty Spacer as a standard component as it seems to be very helpful in visualising Bento grids?
That’s just the default when you create an HTML component, although I believe it needs updating to id="{{node.id}}" so it outputs a custom id. Useful for targeting the element.
Hmm, would it we added spacing to most components to avoid this… but, would be easy enough to add if users wanted one… Actually, I suppose I could have put dividers in them, with no BG colour…
I think me and @ben talked about this before and decided it wasn’t needed, but the fact I created a custom component to do it, and you guys are requesting it perhaps means we should add one.
@ben won’t be happy, but I’ll see if I can twist his arm Look out for it in the next build