CSS Grid Bespoke Layout with Span - Elementor Wordpress Tutorial

This is how ti work with CSS Grid Bespoke Layout with Span - Elementor Wordpress Tutorial

Code for spanning:

@media screen and (min-width: 780px)
{
selector {
grid-column: 1/3;
grid-row: 1/3;
}

}

We love to create - share - respond - and deliver.

Hire us to work on your Website!

[armandolopez]

You just saved me countless of time. Thanks ser

[jaoortega]

Another awesome walkthrough mate. It saves me a lot of time figuring things out with this. Thank you!

[Jason_]

Another decent feature and nice video to explain it all, thanks Imran.

[pramodnaara]

thank you, thank you, thank you!so so much!

[WickyDesign]

Nice! Thanks for creating this tutorial!

[andonisr]

Very nice video! Making sense of this now.
Somehow, my layout worked without the 'grid-row: 1/3;' of the code!
Thanks Imran!

[ElementoryMyDearWatson]

Thanks Imran, however, I had to set the min-width to 768px for the CTAs to maintain the two-column span on the tablet as they do on the desktop:
@media screen and (min-width: 768px)

[missioku]

very nice, thank you! Does it also work with a taxonomy filter? do you have any video about that?

[chrishodson]

Great vid again! Is it possible to populate that kind of grid with dynamic content / custom post types?

[vegardbell]

Will this be implemented in the GRID module, instead of using custom CSS?

[sanjaybhatikar]

Nice, thank you! Can I have a grid in a blogpost?

[CarmenTeriaca]

aspect-ratio: 16/9 /* when the image feels too square in mobile */

[jeditech.academy]

cool video, isnt a method to autogrid or autoshrink the grid on other device if a cannot display 3 columns then use one. bricks do it more easier in that way... anyway im using elementor again cause bricks it is not working well with compatibilities..