what is the diffrrence between px and%?

Answer 1

px is the actual size in pixels while the % is the size depending of the parent element.

Answer 2

You will notice that % is USUALLY better when you change screen sizes. you should use % to make responsive designs.

px means pixels. Keep in mind that different devices have different screen sizes. a laptop screen is usually smaller than a desktop.