Completed the Tribute Page Project but need tips to make it responsive

https://codepen.io/chopedada/full/EXoOJp/

I just finished my Tribute Page Project which looks good on desktop but when I resize the screen everything is getting screwed up. Can I get pointers on how I can make this website work on mobile and tablet devices too?

if you get rid of the margin-left: 150px; from .content, it helps the content responsiveness a lot.

in fact, most of the margins that you’re setting seems to disrupt the responsiveness a lot.

.bio {
margin: 50px 0px 10px 20px;
}

getting rid of these margins helps the sidebar’s responsiveness and has little effect on the desktop version.

1 Like