Fix bug

Question

what is the error in this code ..it runs on computer clearly but doenot work on mobile
.in mobile phone elements get overlap
https://code.sololearn.com/WO0bzdE8666o/?ref=app

Answer 1

//maybe screen resolution bug😕😕 Working fine on fine too

Answer 2

Mahesh
I tested your code on my android devices and there is no overlap. But when tested on an iPad there was overlap. So from that perspective...
.w100 {
width:100%;
height:100vh;
}
adding height solved the overlapping problem. But seems to be another issue with the tabs.

[Update]
Ran your CSS through Autoprefixer( a PostCSS plugin which parses your CSS and adds vendor prefixes)
https://autoprefixer.github.io/
Tabs now working properly on the iPad
https://code.sololearn.com/WpKixQfhsyzY/#css

Answer 3

wow, it looks very nice. just fix the alignment issue in second tab

Answer 4

Btw the webpage is lit 🔥🔥

Answer 5

hi

Answer 6

i’m new here

Answer 7

Its working fine for me

Answer 8

//maybe screen resolution bugWorking fine on fine too