I love the grid version of these overlaps because in some ways it is much easier than the flex-ones. But I have a problem with responsiveness. When I switch to 1fr layout I end up with my following cards been pulled partly under the precedent ones - the gap does not work anymore. In addition they overflow the section downwards. I don't know what is happening here. Followed your instructions.
I watched a few of Kevin Geary's videos; they are great but slow and a little repetitive. I guess they are intended for a distinct audience than yours, but even without experience, as I'm entering this world of CSS, PHP, and JS, I prefer your style, and I can say your videos rock! I get everything on the first viewing of the video, which I tested, on this, and on the others I already saw from you. I like your style of teaching; you go straight to the point. Keep up the hard work! Cheers from Portugal!
I did this for my first Bricks client last year, really like it. Lots of possibilities when using alternating Layouts in a query. Thanks for the Video 😊 What I don’t get yet is the flex nowrap: how does it relate to the css Grid?
The nowrap is for the content of the grid items which are displaying as flex. The grid parent is displaying as grid, but the grid children (items) are displaying as flex.
Great Tutorial Once again; - Thanks! I cannot seem to figure out why your Grid Rows are narrower than your columns. Mine are completely square and causes my image to stretch vertically in the builder; - requiring me to scroll up and down to see the entire build. How do I get my rows to be more narrow like you have them?
Hi Cracka, wonderful video, and nicely explained. However, is it possible to do alternating columns using a loop to be put on the front page? Hope to hear from you.
I see you reference ACSS in your notes. How would you apply the alternate layout if we have ACSS? Also, would we still need the CSS to handle the breakpoint?
Great Tutorial , you explained the CSS overlapping very easy , Thank you
Another great video for Bricks Builder users! Looking forward to more tutorials.
great video! Please make a video showing how breakdancing works
I have videos on Breakdance on the channel.. unless there's a specific thing you wish to know.
@@DesignwithCracka I would like something like this video to overlap content. I watch all of your videos :)
Yes, please let us know if this is also possible with breakdance...thanks :)@@DesignwithCracka
Nice thumbnail 👌
I learn something new every time! Thanks!
Thanks, I really learn from your channel how to handle Bricks. There are many details and I appreciate you taking the time for all this.
Thank you.
Really good tutorial. Overlapping multiple content in grid can be complex. You made it extremely easy. 👌
You're killing it mate, good one.
Can you do a complex CSS grid layout but for a query loop of posts
Only with custom CSS
Many thanks great simple tutorial
Good visual understanding about css grid. Nice tutorial, thanks a lot 👍
I love the grid version of these overlaps because in some ways it is much easier than the flex-ones. But I have a problem with responsiveness. When I switch to 1fr layout I end up with my following cards been pulled partly under the precedent ones - the gap does not work anymore. In addition they overflow the section downwards. I don't know what is happening here. Followed your instructions.
Awesome tutorial! Subscribed 👍
Great tutorial, congrats
Nice tutorial. Thanks.
I watched a few of Kevin Geary's videos; they are great but slow and a little repetitive. I guess they are intended for a distinct audience than yours, but even without experience, as I'm entering this world of CSS, PHP, and JS, I prefer your style, and I can say your videos rock! I get everything on the first viewing of the video, which I tested, on this, and on the others I already saw from you. I like your style of teaching; you go straight to the point. Keep up the hard work!
Cheers from Portugal!
Brilliant!
I did this for my first Bricks client last year, really like it. Lots of possibilities when using alternating Layouts in a query. Thanks for the Video 😊
What I don’t get yet is the flex nowrap: how does it relate to the css Grid?
The nowrap is for the content of the grid items which are displaying as flex. The grid parent is displaying as grid, but the grid children (items) are displaying as flex.
@@DesignwithCracka Thanks for the quick reply! I will look into it, still dont get it 100% as im new to it :)
Great Tutorial Once again; - Thanks!
I cannot seem to figure out why your Grid Rows are narrower than your columns. Mine are completely square and causes my image to stretch vertically in the builder; - requiring me to scroll up and down to see the entire build. How do I get my rows to be more narrow like you have them?
Not sure what your issue is, but you can get more feedback from my Facebook group.
Hi Cracka, wonderful video, and nicely explained. However, is it possible to do alternating columns using a loop to be put on the front page? Hope to hear from you.
It’s basically the same technique. In this case the grid container will be the loop item.
@@DesignwithCracka I did just that, but the columns don't alternate
@@eljaybos if you’re in the Facebook group, post a screenshot there and I’ll assist
I see you reference ACSS in your notes. How would you apply the alternate layout if we have ACSS? Also, would we still need the CSS to handle the breakpoint?
I think CSS will still be required.
@8:33 Wait... what was that ? 👀
hi, how i can display grid structure ?
This is one way: ua-cam.com/video/ur_JIiw5L64/v-deo.html
Thanks for a great tutorial video