How To Make Impossible Layouts With CSS Grid For WordPress

I had a breakthrough in understanding how to leverage the full power of CSS Grid, and I share everything in this video, so you too can start creating impossible layouts for WordPress.

CHECK OUT MY PRODUCTS

RECOMMENDED STACK OF TOOLS (BEST OF THE BEST)

CONTACT WPCRAFTER

All of the opinions expressed in this video are my own, I was not paid to make this video. Whenever there is a link in any of my videos, if there is a referral program available, please assume that you are clicking on a referral link.

[daveden]

I love the way Adam explains concepts so easily

[anthonypetruzzi]

I love your videos... Haven't done WordPress in going on 4 years now and yet I still watch them when you put them up. I love the way you explain everything

[SadikAhmedWP]

Loved the way you explained the whole concept.

[I_Mackenzie]

Love it. Makes perfect sense. Thanks for sharing. Would really like to see how you make this work on mobile. Maybe another video on that? Also just started using Spectra Pro recently and it’s so easy to use.

[StretchFletcher]

Well done Adam. Very helpfull.

BTW off-topic, I sent through a Sure Cart Payment gateway integration enquiry this AM. If you see that I would be happy.

[tanvirislam.webdev]

Your website design is impressive! I'm curious about how you learned the design concepts you've applied here. Could you share your approach or any resources you found helpful?

[fxtttfx]

CSS Grid is perfect for full page layout, including header, main content, sidebar, footer. Unfortunately Gutenberg project forces us to use Flexbox for block themes layouts, wich limits us in many degrees. There need to be a selector in the future WordPress editions allowing to choose CSS Grid or Flexbox for block themes (FSE themes).

[lalez]

Small question, before watching the rest: The Gutenberg Grid is pretty easy to handle and has this functionality too. You just have to figure out your row/colum requirements.

[marcoscandido]

what screenshot tool are you using that allows you to do easy and nice markups?

[LifePeripatetic]

Hi Adam. Excellent video and very very informative!
What do you think about Advanced Columns Pro, which released its version with Fluid grid mode? They mentioned that their plugin " leverages the power of CSS Grid and allows for the creation of fixed column layouts, as well as dynamically generated fluid grids that automatically adapt to various sizes."

[ckwaiutube]

i dunno why i dun have GRID feature. i follow exactly what u teach.

[tanvirislam.webdev]

Hello Sir, Would you tell me about the design. Your design of the website top-notch. Would you consider to tell me how may I learn design concept like you. Please give me instruction. It will be really helpful for me.

[elliotspiers]

Tried the link. Doesn’t seem to work in mobile. I’m assuming I will need separate grids for Tablet and Phone to have the effect on there?

[nigamkumar]

Sir namaste I have a news website but I import a readymade design to my website then I change a paid theme but when I reset the website the old design not remove in my website

[matias]

How i activate that? I dont have it in my wordpresss? Thanks

[HealthWise-byvr]

Hello, please how do i stop my wordpress blog from displaying the old theme after changing it to a new one.

It only displays the new theme when I'm logged into my dashboard.