Cant get my nav bar to move to the bottom

hey guys, i’m trying to move the pink bar to the bottom. i know i need bottom: and a number… i’ve tried it in each of the css classes and im not sure why its not moving.

thanks

Justin

It’s enough to set it’s position as fixed at the bottom of the page:

yourClass {
 position: fixed;
 bottom: 0;
 width: 100%;  /* this will guarantee that the nav will span the whole length*/
}

Marmiz,
Thank you for the reply. Follow up, does it need the fixed tag for the bottom/top…to work?

Justin

Yep! you can use top - bottom - right- left only on positioned elements, so you need to be specific about it.

MDN has a pretty good explanation on CSS position

Hope it helps :+1: