+ 3

What is happening to my button in my code?

When I rotate my screen on my phone, it disappears. Can anyone explain what is happening and give me a solution? https://code.sololearn.com/W6r5KDEB0OdZ/?ref=app

30th Jul 2020, 5:30 PM
ÑēŮțŘØÑ
3 odpowiedzi
+ 1
here is a solution. changes are only on css. changes are same as the answer of Sandra Meyer. I hope it helps. https://code.sololearn.com/WTOVBk8JMyKm/?ref=app
30th Jul 2020, 5:37 PM
M. M. H.
M. M. H. - avatar
+ 1
I'm not too much into CSS, but the button does actually not disappear, it's just not longer visible due to that margin-top:-16%; value. Edit reduce it and you'll find your button again 😉
30th Jul 2020, 5:33 PM
Sandra Meyer
Sandra Meyer - avatar
0
Use display flex on the element with #head, then you can use the margin to align the flex elements horizontally or justify the content to vertically align its elements use align-items.
30th Jul 2020, 5:49 PM
Emanuel Maliaño
Emanuel Maliaño - avatar