Why is 150px smaller than 50%?

Answer 1

Uhm... if parent size of image bigger than 300px (150 px is 50% of 300 px), then 50%-sized image will bigger than 150px-sized same image.
p.s. sorry for bad english.

Answer 2

Depends on the screen size.

https://code.sololearn.com/W4Ja6GKjG24q/#html

Answer 3

thank you for the help!