Why is my layout messed up on mobile

Hello, I wonder why me layout is messed up on mobile. Code so far: https://codepen.io/RoelofWobben/pen/BaXoydN
4 Replies
Alex
Alex4w ago
Because your whole doc is wrapped in a container whose width is set to 40%, and 40% of a mobile screen is not very much space
roelof
roelof4w ago
Hmm then i have to look how to solve this. Media queries are still not explained
Alex
Alex4w ago
Rather than setting a width, consider setting a max-width on the container so it doesn't go beyond the max size you want?
roelof
roelof4w ago
I can try it works , ony the p is not too large maybe a idea to put all the text in a seperate div ?
Want results from more Discord servers?
Add your server