my website doesn't look good on small screens ...like, a phone :(

[WeilanTao]

my website doesn't look good on small screens ...like, a phone :(

[WeilanTao]

to make the website responsive:

• make the big wrapper's size in percentage
• make the content's width fixed and use @media to resize them for laptop; phone; and tablet

[WeilanTao]

what doesn't work for a phone:
when the media width is below 500 px
title font size,
navbar size,
blog width+pic size in it;
footer is partially covered;
home page self-intro font size too big;
the Contact Me font color has to be dark

[WeilanTao]

what doesn't work for a phone:
the react-response-canvas is too messy

[WeilanTao]

issue solved