 Yeah, good right everyone. Yeah, that was just for getting your attention So but I thought everybody has to see them The Marine iguanas little crazy Yes, that was that I'm talking about multiple columns today it's design feature actually that It's like an in design you have the text flowing from one column to the next and Yeah, it works like this that it you just put in one text like in your WordPress editor Which only has one column and then it puts the text into separate columns So the text goes like this and it works really well in in design for designing and that's Yeah, I always wanted it to work and it's now the time that it's working on most browsers It's in the support for IE 10 and the other ones are also supported You have to prefix it a little bit So that works in about 95 percent, but it also Degrades gracefully that means if you if the browser doesn't understand the command of the columns Then it's just one column so it gets in I know it does get a little bit weird then because you have one long column and the readability is not that good anymore, but It works really nice and you can make nice layouts and in this in in this one I made five columns and It's also very responsive. You just have to put in say you want five columns And then you want to space in between and then you have five columns and then when you put responsive It just switches because you also say okay It has to be 200 pixels wide and then it changes So then it's three two and one in the end. So it's very responsive and works very well and I just wanted to make designers and front-end developers aware of this that you can use this now and use it for your layouts and make the web a little more exciting and nice to look at you have to of course Look at some things. It's for example It's quite easy to to make In the first one just say Five columns 200 pixels wide that's like after 200 pixels it changes to four to three to one and then you say Can you say the column widths and the gap the gap is the space in between the columns and Yeah, that's all you need to actually to produce this little thing There are a couple of problems such as You usually in your browser you have the the p-tag and for the paragraph and the paragraph Always gets a padding on top and on bottom and if you if you don't put that on zero, I mean not on zero the top padding on zero Then the column starts a little later because there's a padding on top so you have to think about that but that's just little stuff that any front-end developer can make in five minutes and Yeah, there was the other I tried the other one wait the other problem The other problem you see here So when you have a paragraph that's ended here It takes the the the padding on the bottom to the next page. So Yeah, that can be a little bit of a problem because that's very hard to control so Yes, you might have a little switch here and there but I think all in all it's a nice design feature you can use and make work and Yeah, also. Yeah, it's all Responsive of course and that's actually my little lightning talk because lightning Thank you But I think since we still got a lot of time I show you a project I'm working on right now That also has a nice little divine design feature It's this page. I'm working on and yeah, that's just a Normal theme on first view but in responsive mode the the menu button changes to the bottom and It's because we all have Those big ass Cell phones these days It's really cool if you do designs with a button on the bottom because you can reach it far easier than having the people go all the way up to the To the menu button and then it just pops up and then you have a nice little design feature Which is also cool for your client To have a cool unique page Yeah, that's just a different one All right any questions. Oh and What you should also yeah on can I use it's really good. You have all the bugs So there are still some bugs and you should always prefix it because Yeah, it just works better on the older browsers, of course and Yeah, not everything works in all browsers, but what I just showed you works in IE 10 plus and all the rest that you see here So, oh, yeah, there's one question The what code? This one. Yeah, that's the the whole code. It's I just put the article tag around the around the text and that's it and Then you have two paragraphs in there and that's all you need so it's really easy to implement Top-bottom how do you need it? No, no media queries. It's really easy. It's really you can make respect you can make total responsive Layouts with this if you want to Without media queries, huh? Yeah, then the changes from five to four. Oh, you can put 20 if you want But it has to fit of course. Yeah, if it doesn't fit it won't work, right? So you need a little bit of math. Yeah The gap yeah, I haven't found a solution if you if you find a solution, please tweet me Yes, of course. Oh Yeah, maybe I should Yeah, please add me on Twitter I'd be happy to hear from them All right any more questions all right, then guys have fun and See you all at the party. Bye. Bye