Why does everything goes bad when I resize my window size?
I've just begun to learn html and css, and I created a layout which looks good in a normal computer screen, but I tried resizing it to a lower screen and it looks bad, everything start's getting out of the container.
here's my code: https://glitch.com/edit/#!/techcrunch-layout-chakdekhan
here's the live site: https://techcrunch-layout-chakdekhan.glitch.me
4 Replies
making a website that works on both desktop and mobile is called "responsive design". It's a very broad topic. It's also usually pretty hard to add as an afterthought, though I haven't looked at your code in detail (that you for the clear and complete inclusion of your code btw)
I'd recommend checking out Kevin's CRL course, it's free and will teach you the basics of responsive design and layouts. https://courses.kevinpowell.co/conquering-responsive-layouts
Thank you, I will check out the course. I know that it's too much to ask, but can you do a quick glance on the code (specifically the css which is causing the problem I think?) and let me know where or what can I improve on?
I'm sure someone else will be able to, but I don't have time at the moment, sorry
It's okay, thank you for your help!