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
#I'm encountering a isssue
57 messages · Page 1 of 1 (latest)
so simply you wanna move to another page on click on any tab right?
yup
are you passing the right path in your anchor href?
i think
what I understood from the images it's working already, but it shows nothing on home page
am I right?
btw you can use codesandbox instead of making new codepen for each file
yup and more
so there might be noting inside home page or there's smt wrong with the path or file
think it's the file
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
you've fixed it?
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
you've got the codepen?
the fork of my codepen
no I can edit your codepen but can't save cuz I haven't logged in
yeah u don't, just remove the position that's it
idk why i'm still not seeing anything
did you remove position?
yes
from which class?
navbar
I cant see
under the blur where position was i put display: flex
there was already flex on top
oh
@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
can you share code pls?
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
how to center it?
you can add that in another div and flex that 🤷
uhh I just remember that you can also use flex-direction: column; this will fix the issue as well
in which class main_bg, body & navbar?
main_bg
it didn't center
That's another issue you have to figure out there are many ways
alright
do i put the flex-direction: column in both html and css?
u don't need it cuz u have applied another fix
I was just sharing a different way to fix that navbar and page split issue