I'm encountering a isssue

[graceful sail]

I'm having problems with content displaying on pages: on page 1 (Home) not displaying anything, page 2 (Prices) it's supposed to show header & paragraph only see my list, page 3 (Book Us) not showing same with page 2 (Prices) header & paragraph & page 5 (About) only showing img not showing header text & paragraph text next to img here are the screenshots & codepen collection:
https://codepen.io/collection/WQNypG

[unborn garnet]

so simply you wanna move to another page on click on any tab right?

[graceful sail]

yup

[unborn garnet]

are you passing the right path in your anchor href?

[graceful sail]

i think

[unborn garnet]

what I understood from the images it's working already, but it shows nothing on home page

am I right?

[unborn garnet]

btw you can use codesandbox instead of making new codepen for each file

[graceful sail]

yup and more

[unborn garnet]

so there might be noting inside home page or there's smt wrong with the path or file

[graceful sail]

think it's the file

[unborn garnet]

You have to verify each thing, first check out the path, then the file, and then the file code (there might be smt wrong that's not rendering the HTML)

I see the home codepan is working

uhh I get it, the issue is again with your positions

the heading is behind the navbar

if you see that in your phone or inspect it you'll see the heading

[graceful sail]

you've fixed it?

[unborn garnet]

there's nothing wrong in you code

the approach you use to make navbar is causing you issues now

I'm talking about the CSS

I just removed position and see it's fine now, it was fine before as well but it was behind so you couldn't see that

[graceful sail]

you've got the codepen?

[unborn garnet]

yes

wait wdum?

[graceful sail]

the fork of my codepen

[unborn garnet]

no I can edit your codepen but can't save cuz I haven't logged in

[graceful sail]

oh

nvm i don't need it copied from the screenshot

[unborn garnet]

yeah u don't, just remove the position that's it

[graceful sail]

idk why i'm still not seeing anything

[unborn garnet]

did you remove position?

[graceful sail]

yes

[unborn garnet]

from which class?

[graceful sail]

navbar

[unborn garnet]

hmm;

can i see?

[unborn garnet]

I cant see

[graceful sail]

under the blur where position was i put display: flex

[unborn garnet]

there was already flex on top

[graceful sail]

oh

[graceful sail]

@unborn garnet the issue i'm having is that my book us page just went all over the place when i added display: flex in css class navbar

[unborn garnet]

can you share code pls?

[graceful sail]

https://codepen.io/Loading617/pen/NPWVgOe

[unborn garnet]

first of all the nav is out of body tag idk why

and you have given main_bg class to body tag which is flexbox so u gotta fix that

[graceful sail]

how to center it?

[unborn garnet]

you can add that in another div and flex that 🤷

[unborn garnet]

uhh I just remember that you can also use flex-direction: column; this will fix the issue as well

[graceful sail]

in which class main_bg, body & navbar?

[unborn garnet]

main_bg

[graceful sail]

it didn't center

[unborn garnet]

That's another issue you have to figure out there are many ways

[graceful sail]

alright

[graceful sail]

do i put the flex-direction: column in both html and css?

[unborn garnet]

u don't need it cuz u have applied another fix

[unborn garnet]

I was just sharing a different way to fix that navbar and page split issue