'display: inline-flex' property not working in safari browser
css, html, safari
Solution
There's a browser specific extension on inline-flex. You need to do:
display: -webkit-inline-flex;
display: -ms-inline-flexbox;
display: inline-flex;
Problem
i want align 20+ images in single line (horizontal manner). 'inline-flex' property working in Firefox and chrome expect safari. ``` <div class="rl-collection-img content" > <div class="rl-images_container"> <img alt="" src="/staticassets/images/home/collections/blue/1.jpeg" /> <img alt="" src="/staticassets/images/home/collections/blue/2.jpeg" /> <img alt="" src="/staticassets/images/home/collections/blue/3.jpeg" /> <img alt="" src="/staticassets/images/home/collections/blue/4.jpeg" /> <img alt="" src="/staticassets/images/home/collections/blue/5.jpeg" /> <img alt="" src="/staticassets/images/home/collections/blue/6.jpeg" /> <img alt="" src="/staticassets/images/home/collections/blue/7.jpeg" /> <img alt="" src="/staticassets/images/home/collections/blue/8.jpeg" /> <img alt="" src="/staticassets/images/home/collections/blue/9.jpeg" /> <img alt="" src="/staticassets/images/home/collections/blue/10.jpeg" /> <img alt="" src="/staticassets/images/home/collections/blue/11.jpeg" /> <img alt="" src="/staticassets/images/home/collections/blue/12.jpeg" /> <img alt="" src="/staticassets/images/home/collections/blue/15.jpeg" /> <img alt="" src="/staticassets/images/home/collections/blue/16.jpeg" /> <img alt="" src="/staticassets/images/home/collections/blue/17.jpeg" /> <img alt="" src="/staticassets/images/home/collections/blue/18.jpeg" /> <img alt="" src="/staticassets/images/home/collections/blue/19.jpeg" /> <img alt="" src="/staticassets/images/home/collections/blue/20.jpeg" /> </div> </div> <style> .content{ width:100%; } .rl-images_container{ display: inline-flex; } ```