(Solved) How can i make my mountain img to go 20px below my top-container?

Question

I tried using margin bottom in negative value as well as the z-index property but unfortunately it's not working for me...need help
https://code.sololearn.com/Wp46S4w7ny33/?ref=app

Answer 1

I didn't understand the question. You want to move mountain down by 20px? If so:

.mountain{
/*other css properties*/
position: relative;
top:20px;
}

Is this the effect you wanted?

Answer 2

Absolute removes the element from the tree, so it becomes relative to the screen.
Then top:20px means image will be put at the top of the screen and then moved down by 20px.

Relative just offsets the element from where it would be normally.

Answer 3

BlazingMagpie Yes! It worked. Thank you so much.

Answer 4

But why it wasn't working with position absolute may I know the reason?

Answer 5

I got it now. Thanks once again

Answer 6

Hi

Answer 7

Hi