Creative Technocrayts

Last time we had a very detailed discussion on Font Awesome 5 and how it stands different from Font Awesome 4.There were three methods to add Font Awesome 5 into our project. Font Awesome 5 can also be downloaded as Web Fonts and used in our local.      style="display:block"      data-ad-format="fluid"      data-ad-layout-key="-bw+m-2t-1d4+2yh"      data-ad-client="ca-pub-9980434921650127"      data-ad-slot="6489306790"> Now Font awesome, has got its new release FontAwesome 5.1.0 with three more categories, 1. Travel 2. Design 3. Emoji We felt awesome after seeing release of Font awesome 5.1 Emoji icons and can’t wait to use in our next project. Font awesome continues to stand apart with large icon base with much better compatibility. All Javascript component packages are now stable. Font awesome 5.1 can be used for React, Angular, Vue and Ember projects. Know the implementation of Font Awesome 5.1.0

CSS flexbox order Read CSS Display We have discussed CSS Flexbox layout and its related properties with examples in our previous post. Right from the initial stages, ordering the elements has been quite tricky. CSS Flex box ordering emphasizes how useful is flexbox for responsive designing.When attempting to visually order the elements different to that of source code order flexbox order of the elements is very useful. Order of the flex Like direction and alignment CSS flex also provides techniques to define in which order flex elements should display. Order property will work only on the direct flex elements . By default, Order value of all items is zero . Order property can take values of negative, zero and positive. Consider the below example Changing the order of the flexboxes .box-one{ order:4; } .box-two{ order:3; } .box-three{ order:1; } .box-four{ order:5; } .box-five{ order:6; } Changed order of the flexbox items