Basic concepts of flexbox
Basic concepts of flexbox The Complete CSS Flex Box Tutorial:- Flexible Box Module designed as a one-dimensional layout model. Start you flexbox coding a few terms associated with the flex layout model. The two main components its call flex container and flex items. The browser support for the latest flexbox specification is: • Chrome 29+ • Firefox 28+ • Internet Explorer 11+ • Opera 17+ • Safari 6.1+ (prefixed with -webkit-) • Android 4.4+ • iOS 7.1+ (prefixed with -webkit-) Flex Container: - using css display property its call display flex or display inline-flex. Like this. .container { display:flex} OR .container {display:inline-flex} Using Flex Container Properties : • flex-direction • flex-wrap • flex...