Just Finished Tribute Page Project BUT

HTML-CSS
1

Hey guys, so, I finally finished my first project, took a little bit of time, but it was worth it.

BUT, I want to make it responsive to smartphones, I managed to make the img and everything else to resize, but the list isn’t resizing, it doesn’t stay in the “Box” that is suppose to be, and text gets everywhere. Could anyone help me? Thanks in advance!

Here it is: https://codepen.io/neosinnerr/pen/YBYyaP

2

Don’t give your #list set width of 500px. It will always stretch to 500px.

Cheers :champagne:

Edit: Also I would get rid of margin to the Body on mobile views.

1 Like
3

But once I do this, the list is no longer centered, I still wanna keep it in center.
Tried text-align and float, but it didn’t workout.

Thanks for the tip about Body, already removed it :slight_smile: