I’m stuck on my CSS website

HTML-CSS
1

Hi all,
How are you all doing today?
I’m not sure where to post this question, I’ve obviously been doing the certificate but building my personal portfolio alongside as that’s the final goal.
However, frustratingly, I can’t get the navbar to move with the viewport window when seen on any device? There’s an error in my CSS. Do I post here or do I post elsewhere? Feel really daft for asking the question tbc.
I’m looking after two young kids, an elderly father and started a charity job so it’s going to take longer to finish lol

http://www.clairesells.co.uk/

2

Because it is a css question it would be easiest if you create a repl.it or codepen of your code so that people can play with it and review it at the same time.

1 Like
3

hello and welcome back :slight_smile:

i dont see why not, fee free to share your code as “hbar1st” already mentioned in a “sandbox” kind of environment such as “repl or code or others as such”, good luck :slight_smile:

1 Like
4

Hi again
Thank you for your responses. I have copied the code into Codepen

https://codepen.io/clarasais/pen/JjZPPdb

5

hi there, now that I see the page, I’m a bit confused by this. The navbar is in the middle of the page and it seems to stay there? (where is it supposed to be and where is it supposed to go when we resize the page?)

6

Hullo!
Thanks for the response.
The navbar should have the pages as columns from left to right, but instead are all bunched up on the right. I’d like it to automatically resize and be centred if that makes sense? It looks awful as it is! :slight_smile:

7

after a quick look into your code, i can see that you’re using “table” for those “nav” items, do you have any particular reason for it? i bet you know that table is bit “complicated” to style, right? :slight_smile:

this table is missing some of its “structure” to get proper “default” styles, perhaps consider reading into this mdn article about styling tables, that should be useful, happy reading :slight_smile: Styling tables - Learn web development | MDN

8

Ah ok - I used table to give some structure, probably tables are a bit outdated? Thank you will have a look

9

Thank you I took the table tag out and it formatted better :slight_smile: thank you so much
Sometimes you can’t see the error for looking and a fresh pair of eyes helps lol

1 Like
10

glad i could help, good luck :smiley: and happy learning to us all :slight_smile:

1 Like
11

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.