Video

Solid!!!

Why is this called breakdance 😂

Great video. This has sold me. Will definitely use your link 👍

Thank You, You saved me from a really bad place

Genial! las técnicas usadas tienen una amplia aplicación en diferentes problemas del CSS. Mil gracias

what if i wanted justified - various widths with overflow hidden..so the ones that are wider are cutting off then coming into window as they slide?

Hey you said not enough room for stick can you explain me little bit more?

Sometimes, on smaller screen devices (phone) you thank God that default works as it does. When a website is not optimized for phone, and you end up in a full screen section that has overflow scroll, with this "contain" property you have no chance escaping the section. You end up stuck there. So "contain" is a great property to use of you pay attention that no scrolling section is larger than the screen size (you can grab page outside the section and keep scrolling through the page)

Really good.

OMG this video is ..... just .... I'm speechless thx

Amazing 🤩

Very handy tips thanks! I love keyboard shortcuts.

It is a really GREAT tutorial ! I directly copied in the Theme customizer (CSS style section) and it works like a charm. I am not even a beginner in CSS. One small bug: the h3 does not increment for the 1st section (it will show: 1.1 titleA, 1.1 titleB, 1.1 titleC) , it starts only incrementing from the 2nd section onwards. I don't know what should be changed...

Great Video

I'm wondering why is not starting from the beginning

how does this look on mobile?

Should add it so the Cards can slow down or pause on hover so it can be used as a clickable element

I needed this video more than anyone needed anything.

Great video but it would be nice if you share the code used

Having chapters would be very useful when you're using this for instructions. :) Great work!! Happy I purchased this.

Hi! I love your tutorials. Just curious on how to reverse the slider? both of them are in the same directions, how about one of them is in reverse direction using advanced slider?

Wow, this tutorial dives deep into customizing the mobile menu using Bricks! It's impressive how detailed and thorough the instructor is in explaining each step, from setting up the header template to tweaking CSS variables for responsiveness. The use of automatic CSS and the rationale behind changing the logo implementation for better mobile usability are particularly insightful. The JavaScript integration to enhance user interaction by ensuring the menu closes smoothly on click adds a professional touch. Overall, this tutorial not only teaches how to implement a practical solution but also emphasizes the importance of user experience in web design. Great job!

Thank you! It was so clearly explained that I also got it to work with Bricksbuilder, using the nestable tabs. Super!

Hi! I'm working with the migration mode. The website had a mega menu, in order to save some time I imported a temple from the design library (after reading the pop-up that it could be restored from the trash). Now that I see that doing that wasn't a good idea because I lost basically all the previous work/information and just got left this new design without the content being substituted/transferred I'd really appreciate if someone could please guide me on how to restore all the templates. Headers, footers, content, etc. from the trash (I've been trying to find where or how to do it but haven't figured it out yet) Thanks!!

This is a great tutorial on creating auto responsive grid layouts in Bricks! I really like how you break down the concept of using the autofit function with the min-max function to achieve responsiveness without media queries. Setting a minimum width for the cards ensures they don't collapse below a certain point and the autofit fills the remaining space efficiently. Playing around with the minimum width value allows you to control the number of columns at different viewports. This is a valuable technique for anyone working with Bricks! Thanks for sharing!

Are there cons to using containers as the only layout elements, set with proper semantic html tagging to structure the design, as done in Elementor? If so, what would they be?

Thank you! I am still trying to remember all this complex css grid stuff, but this is a must. I typically make a section with this but instead of auto-fit I set it to 6 grids, and have a column inside that span 6/6, this makes it feel like a modern ui that never breaks.

Hi! So usefull! Can you make the thumbnails clickable?

Thank you for that video. Just update root doesn't work, there should be %root% now. I am new in Bricks, so maybe there was some update for this.

The last trick was drive me crazy. thank you sir.

Tip 10 is very good :)

Very insightful! Thank you :)

thanks it helped

So there is nothing like in Oxygen? I like the Oxygen's soluion where the CSSs can be splited based on purpose and is in directly in builder. So in Bricks I have only one place for whole CSS and outside of the builder, right?

Thank You!

Thanks 👊Bro!

Thank you Cracka ... great video & very helpfull. THANK YOU

I'm done with my Wordpress Crash Course using Breakdance and I'm here to create my own portfolio using BD too.

How about revisiting this CSS grid setting with BD 2.0?

Great Plugin, Great Support! Needed some Help with additional functionality and got on the point support. Brilliant!

Please make more videos creating advanced things using oxygen builder please, like multirelacional fields in site and advanced search filters and relationships

MAN I LOVE YOU !

To create landing pages with little or no familiarity with css and html, do you consider Breakdance better in this case? I have received the amount of support for other plugins, Bricks seems to be the one with the most support after element, and I don't want to use element because it is so heavy and creates too much additional code. Bricks or Breakdance, I can't decide. 😩

Amazing, I just learned how to enlarge an image on hover, and so simple to create this effect! Thanks for sharing!

Can we add a lightbox feature to this?

On mobile it will be vertical right?

Do you have a JSON code instead of shortcodes, since 4.5 shortcodes are read only cannot be copied anymore since 4.5 its all converted to JSON

For that sticky header thing: If you didn't have the top marigin, the easy solution for that is to give the header container a preset or make a global block with the same styles as the container. Add the sticky header, then put the non-sticky container block under it. Any changes you make to the menu, you can copy to the block so it's the exact same size. It can be part of a menu or a template added to the page so you don't have to keep duplicating it everywhere. You could technically just duplicate the menu itself as non-sticky, but you don't want your links on there twice for accessibility and SEO.

The custom menu area means you can put the logo and business name as part of the menu instead of needing columns to lay them out. Also those presets!!! I know it's not a great idea to use beta versions on live sites, but boy if it isn't tempting. Super excited for these features

Even if i try to change it in the Inspector, like you did around min 5:00, it wont let me! It crosses out the transition-timing-function: linear. WTF is going on here? Please give me a hint!