Ridiculously easy row and column layouts with Flexbox | HTML div layout 2 columns
GridlayoutsarethebreadandbutterofwebdevelopmentdesignandchancesareyouvereachedforsomethinglikeBootstraporFoundationtomakeyourlayoutsareality.But,likemostofyou,IdonthaveafondnessofthedependenciesrequiredtorunBootstraporFoundationnordoIlikethedingtomypageloadtimes.InfactwhenIuseBootstrapforanapplicationthatIamwriting,Ireallyalmostonlyeveruseitforthegridlayouts,sometimesIwilluseitfornotificationsorbasicfairlysensibleCSSdefaults,but90%ofthetime,allIwantisthegridlayouts.Ialsodontappreciateonlyhav...
Grid layouts are the bread and butter of web development design and chances are youve reached for something like Bootstrap or Foundation to make your layouts a reality. But, like most of you, I dont have a fondness of the dependencies required to run Bootstrap or Foundation nor do I like the ding to my page load times.
In fact when I use Bootstrap for an application that I am writing, I really almost only ever use it for the grid layouts, sometimes I will use it for notifications or basic fairly sensible CSS defaults, but 90% of the time, all I want is the grid layouts.
I also dont appreciate only have options of splitting columns into 12 columns or less. It feels like you sometimes have to do some crazy work arounds to get columns in columns, or strange things like that.
How can we do grid layouts faster and easier? Flexbox is your answer. I think
FlexboxAt this point flexbox is pretty much everywhere. Its supported by a...