Sam Thorogood talks about aligning content in the vertical middle, solving this age-old problem.
Solved by Flexbox: goo.gl/GksXy1
A Complete Guide to Flexbox: goo.gl/RszwEw
34 Comments on "Align Content Vertically (The Standard, Ep. 4)"
This is the last video (only 4), and is from December 6, 2016, are you going to make more videos? They're cool!
thanks i love your simple yet tasty tips
I use top 50% and transform translate(-50%, -50%) for ie support.
On video thumbnail, error in the word – "Veritcally". prntscr.com/dgvl8h
This is awesome. talk to point and important thing is very short. So we can get what we want without bla bla. Keep it up. Waiting for new clips.
Now tell me how to do Pinterest style alignment with just CSS. N Items, each put in the shortest column. (that's the kind of vertical alignment I was hoping for)
greggman There is automatic way to this with just CSS. Pinterest uses a sorter made in JS, which sorts items in columns.
greggman I am not sure if it is possible just with css BUT in the past when I tried the same I used BlocksIt plugin and it worked well as I remember 🙂www.inwebson.com/jquery/blocksit-js-dynamic-grid-layout-jquery-plugin/If you find a css solution inform me too please 😉
could u do a video on responsive images? like maintaining the size ratio
Akash Shrestha width: 100%; height: auto;
Cool, also you can add display : flex to parent, and margin: auto to flex-item (child). The result will be the same, it will be centered by vertically and horizontally. And it just 2 line of code! I'm big fan of flexbox)
Sam, this videos are great: Short and to the point. Keep them comming! 😀
In CodeChannels.com, you can learn to code by watching videos and stay up to date with latest code shows, events and tutorials aggregated from various leading developer communities.
Copyright 2016 By CodeChannels.com All rights reserved.