I am in the camp of NOT placing all your elements directly in the section, that isn't what it's for. Nor do I like setting flexbox to row and put on wrapping and then oddly forcing the wrap where I want by manipulating the widths of things. That just seems hacky. Leave the sections as 100% wide (no margin) containers with tag. Use a container to provide your main website's max column size (centered in the section). Then use the blocks as the layout container of your inner content items. Use additional divs where you want to group specific items in a flexbox layout. The section and containers provide the standardized (global styles) for your overall margins and paddings so that all your content lines up properly and looks proper on mobile. If you leave it like you had it, where all the elements are just sitting in the section, then this just means all your items are spread across the entire width of the monitor. And I have a 2k monitor so that means very wide! So you can't set centered max-width column with proper margin and padding, or even use a standard global style across all your sections, as each section might need a slightly different flex layout depending on the items. Overall I think it's best to stick with a structure that makes sense. Elements within blocks within a container within a section. It makes the most sense, can have a consistent global styling, and doesn't stop you from using those inner divs and containers for the specific flex layouts in those spots. Thanks for the video!
That video comes out in 90 mins :) Hence why I said ignore the header :) I was meant to record this one before I did the header but got my schedule wrong :)
Cheers Imran, It's starting to click a bit more now. I did wonder how you moved all of the elements under the section in one go, but I think the video edit made it look like that and you actually moved them one at a time?
![[UNCUT] ขยี้ "อลิส" ปม "คลิปลับแตงโม" เปิดชื่อคนพยายามแฮก "มือถือแตงโม" I คนดังนั่งเคลียร์I 10ก.พ.68](http://i.ytimg.com/vi/_RPLEIi5Sz8/mqdefault.jpg)
good stuff thank you
I am in the camp of NOT placing all your elements directly in the section, that isn't what it's for. Nor do I like setting flexbox to row and put on wrapping and then oddly forcing the wrap where I want by manipulating the widths of things. That just seems hacky.
Leave the sections as 100% wide (no margin) containers with tag. Use a container to provide your main website's max column size (centered in the section). Then use the blocks as the layout container of your inner content items. Use additional divs where you want to group specific items in a flexbox layout. The section and containers provide the standardized (global styles) for your overall margins and paddings so that all your content lines up properly and looks proper on mobile.
If you leave it like you had it, where all the elements are just sitting in the section, then this just means all your items are spread across the entire width of the monitor. And I have a 2k monitor so that means very wide! So you can't set centered max-width column with proper margin and padding, or even use a standard global style across all your sections, as each section might need a slightly different flex layout depending on the items.
Overall I think it's best to stick with a structure that makes sense. Elements within blocks within a container within a section. It makes the most sense, can have a consistent global styling, and doesn't stop you from using those inner divs and containers for the specific flex layouts in those spots.
Thanks for the video!
Thanks for explaining. I think I missed the vid you created the header in,
That video comes out in 90 mins :) Hence why I said ignore the header :)
I was meant to record this one before I did the header but got my schedule wrong :)
Cheers Imran, It's starting to click a bit more now. I did wonder how you moved all of the elements under the section in one go, but I think the video edit made it look like that and you actually moved them one at a time?
Yup - one at a time - but I edited out the slow-erotic movement of my mouse over and over again.
too bad you spend more time talking than making us see the concrete things of the tutorial you talk too much
I look forward to your much more amazing videos.