(★ ¿ ★) I am suffer with lack of responsive design?(★?★)

Question

→Let me know what i improve to design the web page?
→What are the precautions i should take?
→what are the famous colors for webPage parts [ex:header,nav,article,sidenav's,footer etc.,]?
→Dimensions using margins,display,position properties,padding regarding the responsiveness?
→Is must and should bootstrap and jQuery for better responsiveness?
→What are the properties actually used for responsive?

Answer 1

Here's another one
https://www.interaction-design.org/literature/topics/ux-design

Answer 2

three important concepts to learn for responsiveness are @keyframes, grids and flexbox. you should also use % instead of px for properties such as width and height when possible