Tribute Project in CodePen gets smashed on mobile

Tribute Project in CodePen gets smashed on mobile
0

#1

This is my Tribute page I’m working on: https://codepen.io/qelery/pen/pdoXyo

I think it looks fine on a desktop but everything gets smashed into a narrow box on mobile. Any help?


#2

Hey @qelery,
first of all, the tribute page you made looks very nice and it easily shows how much effort you put into it.
If you are having problems viewing your website on different screens, I’d suggest you read into media queries. They help you set the style of your website according to the width of the screen it is being viewed on.
Also, setting things like font size, padding, and margin to percent values could help those items resize accordingly depending on the screen’s size.

Below are a couple of links explaining media queries:

https://www.w3schools.com/css/css_rwd_mediaqueries.asp

Hope that helps.