Finally built a custom layout!

[night-at-the-musian]

It took me a while to get the main pages done (university workload has been insane), but I finally put together a custom layout for my fan site! W3schools is a gift to this earth for all the help they've given me. Still updating the deeper pages, but the surface pages are all set. I'm going for a simple, professional vibe, easy to read and navigate.

Check it out!! And say hi if you want

[DiffydaDude]

Yk i gotta ask, why do you like NatM so much? I mean there are some amazing movies out there, but why NatM specifically? 
Like, i never even knew there was a search engine specifically for NatM related stuff until now, and its because of you being here. Why oh why do you love this darn movie 

[night-at-the-musian]

Yk i gotta ask, why do you like NatM so much? I mean there are some amazing movies out there, but why NatM specifically? 
Like, i never even knew there was a search engine specifically for NatM related stuff until now, and its because of you being here. Why oh why do you love this darn movie 

Nostalgia hit me like a bus while I was helping my parents move about a year ago. I watched the original trilogy, and then later in 2022 the animated one came out, and news of the musical was spread. This was also the time where I was honing my skills in university for professional archivism; and seeing as how there was SO LITTLE PRESERVATION for such an influential franchise, I said "heck with it" and started saving stuff! A year or so later and here we are. Doesn't help that Robin Williams was the only celebrity I gave a shit about as a child (Aladdin, Flubber, Mrs. Doubtfire).

Also, I'm a man who can appreciate Owen Wilson. Mr Wow-Kachow has given me brain worms.

[xero333]

It took me a while to get the main pages done (university workload has been insane), but I finally put together a custom layout for my fan site! W3schools is a gift to this earth for all the help they've given me. Still updating the deeper pages, but the surface pages are all set. I'm going for a simple, professional vibe, easy to read and navigate.

Check it out!! And say hi if you want

Hey. Hope you don't mind but I had a look at your site and noticed one of your headings was overflowing in the left section and some of your other elements were off the screen. I just had a play around with the inspector tool and a few small changes have really helped. You can set the sidebar class, header, and grid containers' max-width property to 100% (max-width: 100% for each of these element in your CSS). This has brought the missing content back onto the screen. Just my suggestions, feel free to ignore! :)

[night-at-the-musian]

Hey. Hope you don't mind but I had a look at your site and noticed one of your headings was overflowing in the left section and some of your other elements were off the screen. I just had a play around with the inspector tool and a few small changes have really helped. You can set the sidebar class, header, and grid containers' max-width property to 100% (max-width: 100% for each of these element in your CSS). This has brought the missing content back onto the screen. Just my suggestions, feel free to ignore! :)

Thanks for pointing that out!! I built the site with my laptop's screen in mind; I'll update the CSS as soon as I can. c:

[starbreaker]

Nice job so far! I have a few suggestions that might be of use to you. If not, discard them.

• Instead of using <div> with classes, it might be worthwhile to use some of HTML5's dedicated tags.
  • <div class="header"> could be <header>
  • <div class="footer"> could be <footer>
  • <div class="sidebar"> could be <nav> (since your navigation is there)
  • <div class="menu"> could be <main> (since your main content is here)
  • <div class="imagezone"> could be <aside> (since it contains additional content but isn't navigation)
  The main benefit to using the dedicated tags is that browsers can easily identify what each part of a page does, which makes them more accessible to people using screen readers. Also, if your main content is in <main> it'll show up when activating the browser's reader mode.
  
• If you arrange your page in this order: header, nav, main, aside, and footer, then you've got a mobile-friendly layout by default. If you put your grid layout inside a CSS media query like "@media only screen and (pointer: fine)" you can keep your site mobile-friendly and provide your 3-column layout for laptop and desktop screens. This will also make it easier to make your website printer-friendly. :)
• Instead of a six-column grid, maybe five columns (menu main main main right) will give your menu and sidebar a little more room while still leaving plenty of room for your main content.
• You don't have to set the widths of elements inside the .grid-container with inline styles. CSS Grid will take care of layout; that's what it's for.

[night-at-the-musian]

Instead of a six-column grid, maybe five columns (menu main main main right) will give your menu and sidebar a little more room while still leaving plenty of room for your main content.

I'll test that out on some of the newer pages being built! I appreciate your suggestions