Learn about fundamental and advanced CSS Flexbox concepts to design responsive layouts. Gain insights into creating a Responsive Music App seamlessly using the Flexbox model.

This course will cover all the fundamental and advanced concepts you need to get good with the CSS Flexbox model. You will learn to layout a Responsive Music App in the process. It is a detailed course, and I hope you’re ready for it.

Understanding Flexbox: Everything you need to know

You've learned how to use the Flex-container and Flex-item alignment properties. I walked you through understanding absolute and relative flex items, auto-margin alignments and the weird results upon switching flex direction. 

You even had a chance to apply your flex skills to building Catty Music and then I touched up on responsive design.

It's been a long ride indeed. Now, I'll explain some final concepts to you, help you with resources and links I think you'll find very helpful too.

 
 

# How's the browser support for flexbox?
This is a common question asked when looking to use the flexbox model in production. I can't answer the question perfectly, but the [caniuse](http://caniuse.com/) website does justice to this.

Here's a screenshot from caniuse, and browser support is quite impressive. You may see for yourself [here](http://caniuse.com/#feat=flexbox).

 
 

<center><img src="/udata/wLnPjYllYq8/f9dda4cae48a4d48996d20379114994a.png"></center>

 
 

Early in my career, I glanced over caniuse many times and still could not grasp what the data represented meant.

So here's a brief explanation. 

At the right bottom of the caniuse website is a legend. Take a look at the image above, or just visit the site, find the legend and you'd be good to go. 

That's actually all there is to it.

 
 

# Resources

1. [The Repo for this Course:](https://github.com/ohansemmanuel/Understanding-Flexbox) 
In the "build a music app layout" folder lies the solution to the Catty Music exercises.

2. [Flexbox Froggy: A Cool Flexbox Game](http://flexboxfroggy.com/) 


_I am writing what I think may be one of the most important books on the subject of modern layouts in CSS_. 

_It's centered around using the Flexbox and Grid models. [Take a look!](https://ohansemmanuel.github.io/modern_css_layouts.html) I'm pretty sure you'll love it :-)_

Introduction

Flex Container

Flex Items

Absolute and Relative Flex Items

Auto Margin Alignment

Switching Flex Direction

Flexbox Solved That

Building a Music App Layout with Flexbox

Responsive Design with Flexbox

Conclusion

Conclusion