Unlock the Power of Flexbox and WordPress Gutenberg Columns with ChatGPT

preview_player
Показать описание
How I used ChatGPT to make WordPress Gutenberg Columns responsive, and change the order of columns for mobile devices
  1. Jamie WP
Рекомендации по теме
Unlock the Power 0:03:27

Unlock the Power of Flexbox with 'Mastering Flex Direction: A Column of Possibilities' 📏✨...

Learn CSS Flexbox 0:04:47

Learn CSS Flexbox in 5 minutes | Unlock the Power of Layout Flexibility

Unlock the Power 0:00:34

Unlock the Power of Flexbox and WordPress Gutenberg Columns with ChatGPT

HTML & CSS 0:00:10

HTML & CSS || Unlock the Power of Flexbox!!

Get to know 0:09:43

Get to know the power of flexbox

Learn Flexbox flex-grow 0:00:19

Learn Flexbox flex-grow in 19 seconds

CSS Flexbox flex 0:00:22

CSS Flexbox flex wrap property | CSS Flexbox Tutorial

Unlocking the power 0:00:11

Unlocking the power of CSS Flexbox with a little bit of order magic! 💫💻 #coding

🚀 Mastering Flexbox: 0:04:08

🚀 Mastering Flexbox: Unleash the Power of the Flex Properties 📐

Learn Flexbox flex-basis 0:00:10

Learn Flexbox flex-basis in 10 seconds.

'Unlock the Power 0:00:12

'Unlock the Power of Flexbox in CSS! 💻 #FrontendDevelopment #CSS #WebDesign #CodeBetter #HTMLTi...

Unlock the Power 0:00:28

Unlock the Power of CSS Flexbox! 🎩✨ #CSSFlexbox #WebDevelopment #LayoutDesign #ui #WebDevCommunity...

Learn Flexbox order 0:00:13

Learn Flexbox order in 13 Seconds.

Unlocking the Power 0:00:20

Unlocking the Power of CSS Flexbox for Web Design #webdesign #webcode #python #coding

💪 Master CSS 0:00:21

💪 Master CSS Flexbox with JS! ✨ | 2025 Latest Design in 60 Seconds||#shorts #shortvideo

CSS : Exploring 0:08:21

CSS : Exploring the Power of Flexbox | HTML and CSS Beginners Guide | IMS Coding

Mastering CSS Flexbox: 0:00:06

Mastering CSS Flexbox: Unleashing the Power of Flexible Layouts #youtubeshorts #shortvideo #youtube

Master Flexbox: Simplifying 0:09:19

Master Flexbox: Simplifying Layouts in CSS

Flexbox Equal and 0:10:12

Flexbox Equal and Unequal Columns

Master Flexbox Layout 0:00:25

Master Flexbox Layout in 5 Minutes! 🚀 #WebDesign #FlexboxTutorial #CSSLayout

#15 Unleash the 0:20:36

#15 Unleash the Power of Flexbox: CSS Layout and Alignment | Become a Web Development Master in 2023

Mastering Flexbox: Exploring 0:00:11

Mastering Flexbox: Exploring Flex Directions in CSS! 👩‍💻#Flexbox #WebDevelopment #csstutorial #CSS...

Master CSS Flexbox: 0:00:47

Master CSS Flexbox: A Comprehensive Guide with 💥 Examples

Flex Your CSS: 0:00:25

Flex Your CSS: Master Flexbox for Responsive Design! #riddles #quiz

Комментарии
Автор

Jamie,
You are the *best!* I've been binging on your videos since I found them about a week ago! Absolutely *great* info!

annetteyoutube
Автор

I think this is a bit overkill to use chatgpt for? All you need to do is assign the column you want first in a mobile to order =1, and the rest to have a higher number, and in desktop media query give it an order value of 2 to center it, and the others 1 & 3 respectively.

hkyoyo
Автор

a more common one would be change stacking order to reverse on a 2 column layout. Is there a tutorial for that. Step by step. I dont know where to put the css or if i have to give a parent column block a class?

spitsparrow