Why my transform: translate(-250px); property is not working 😔😔??

Question

I'm trying to solve it many times but I lost 😞...
https://code.sololearn.com/WqIgsjXN3ImK/?ref=app

Answer 1

Thanks all for trying to help me ... actually 😅 I worte the property like; transform: translateX (-250px) instead of writing transform: translateX(-250px)... That was my mistake 😅

Answer 2

You have written translateX (-250px);
fix to translate(-250px);

Answer 3

Try this - with positive values-
transform:translate(250px, 100px);
"Positive values will push an element down and to the right of its default position, while negative values will pull an element up and to the left of its default position".