Web application that connects programmers based on their experience, interests and the type of person they are looking for (mentor, buddy, mentee) through matching and contact sharing.
Nav has position: relative that allows it to change position with top: -10em. That, however, doesn't change what space is "reserved" for it and every page/component we'll add is displayed 10em lower than it should be, bellow huge empty space.
With top: -10em assigned to nav:
Without top: -10em assigned to nav:
Only other option to fix this (that I can think of) would be to add 10em to every single page/component we'll add which seems like a lot of excess code that could be hard to manage in the future (in case of changing header or navbar for example).
Nav has
position: relativethat allows it to change position withtop: -10em. That, however, doesn't change what space is "reserved" for it and every page/component we'll add is displayed 10em lower than it should be, bellow huge empty space.With
top: -10emassigned to nav:Without
top: -10emassigned to nav:Only other option to fix this (that I can think of) would be to add 10em to every single page/component we'll add which seems like a lot of excess code that could be hard to manage in the future (in case of changing header or navbar for example).