# Display: flex not working on opera mini

**URL:** <https://www.phphelp.com/t/display-flex-not-working-on-opera-mini/29570>\
**Category:** HTML & CSS\
**Created:** [July 25, 2019, 8:49am UTC](https://www.phphelp.com/t/display-flex-not-working-on-opera-mini/29570 "2019-07-25T08:49:12Z")\
**Posts on this page:** 6\
**Page:** 1

<div class="post-metadata">

**Author:** ![Godswill](https://www.phphelp.com/user_avatar/www.phphelp.com/godswill/32/2539_2.png) [@Godswill](https://www.phphelp.com/u/Godswill)\
**Post date:** [July 25, 2019, 8:49am UTC](https://www.phphelp.com/t/display-flex-not-working-on-opera-mini/29570/1 "2019-07-25T08:49:12Z")

</div>

I have finished my design but having difficulty in getting display flex work on opera mini. Please someone help. Its on[tophits.ng](https://tophits.ng)  
I currently have this code for it ````.simple-post {  
padding: 0px 5px 0px 0px;  
position: relative;  
border: none;  
background: #fff;  
margin-bottom: 10px;  
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.07);  
display: flex;  
}` ``` Please any solution to get this work on operamini view because currently the look is scattered on there but fine on other browsers. you can check the site tophits.ng on opera mobile browser to see what am saying. Please help

---

<div class="post-metadata">

**Author:** ![astonecipher](https://www.phphelp.com/user_avatar/www.phphelp.com/astonecipher/32/2797_2.png) [@astonecipher](https://www.phphelp.com/u/astonecipher)\
**Post date:** [July 25, 2019, 11:10am UTC](https://www.phphelp.com/t/display-flex-not-working-on-opera-mini/29570/2 "2019-07-25T11:10:28Z")

</div>

If it works on everything else, why worry about the 3% that use something odd?

---

<div class="post-metadata">

**Author:** ![Godswill](https://www.phphelp.com/user_avatar/www.phphelp.com/godswill/32/2539_2.png) [@Godswill](https://www.phphelp.com/u/Godswill)\
**Post date:** [July 25, 2019, 1:38pm UTC](https://www.phphelp.com/t/display-flex-not-working-on-opera-mini/29570/3 "2019-07-25T13:38:54Z")

</div>

majority of my visitors come from opera mini mobile phone. I will like if there is a way to get it work. do you have any workaround?

---

<div class="post-metadata">

**Author:** ![astonecipher](https://www.phphelp.com/user_avatar/www.phphelp.com/astonecipher/32/2797_2.png) [@astonecipher](https://www.phphelp.com/u/astonecipher)\
**Post date:** [July 25, 2019, 3:13pm UTC](https://www.phphelp.com/t/display-flex-not-working-on-opera-mini/29570/4 "2019-07-25T15:13:43Z")

</div>

what isn’t working in that browser?

---

<div class="post-metadata">

**Author:** ![Godswill](https://www.phphelp.com/user_avatar/www.phphelp.com/godswill/32/2539_2.png) [@Godswill](https://www.phphelp.com/u/Godswill)\
**Post date:** [July 25, 2019, 5:00pm UTC](https://www.phphelp.com/t/display-flex-not-working-on-opera-mini/29570/5 "2019-07-25T17:00:04Z")

</div>

![Screenshot_20190725-174927](https://www.phphelp.com/uploads/default/original/2X/7/760948834cc0deb6fbc33ea72003dc554e5a59ee.png) !  
The first screenshot explains how it displays fine on other mobile browsers but it cant just go fine with the other red browser which is opera mini. I have tried to get it work fine on that browser. Any idea for me?

````auto
padding: 0px 5px 0px 0px;
position: relative;
border: none;
background: #fff;
margin-bottom: 10px;
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.07);
display: flex;
}``` the css code above is what i used.
````

---

<div class="post-metadata">

**Author:** ![Godswill](https://www.phphelp.com/user_avatar/www.phphelp.com/godswill/32/2539_2.png) [@Godswill](https://www.phphelp.com/u/Godswill)\
**Post date:** [July 25, 2019, 5:00pm UTC](https://www.phphelp.com/t/display-flex-not-working-on-opera-mini/29570/6 "2019-07-25T17:00:54Z")

</div>

![Screenshot_20190725-174842](https://www.phphelp.com/uploads/default/original/2X/b/be85a06c0091fb3099970fabb6e5b7a1ad0107ca.png)