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.



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*/

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


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: