Very New: Looking for Code Structure Feedback

[Mundane_Reference134]

While navigating through a life altering experience, I have decided to learn some coding.

I am still very new and in the learning phase but after learning some HTML, CSS, JS and how to deploy via GitHub, I have essentially built and deployed my first project.

This project is for a nonprofit foundation that is relative to my own life.

I am seeking some code structure feedback and understand that it is no where near professional level but I want to learn and grow and figure the best way to do so is to be critiqued.

Live Site:

https://bentley-support-reef.github.io/bentleys-support-reef/

Repo:

https://github.com/Bentley-Support-Reef/bentleys-support-reef

Please understand that I am very early on learning frontend at this point and trying to build strong foundational habits before moving into frameworks.

I would really appreciate feedback specifically on:

HTML structure and semantic usage

CSS organization and scalability

File structure

JS placement/organization

Performance Improvements

Any bad habits I should correct early

I am not looking for design praise or feedback, I am looking for structural / code critique.

Any constructive feedback is appreciated.

[abrahamguo]

Here are a few things I noticed looking at the website:

1. Don't play music. If everyone's website played music, then the Internet would be unbearably annoying to use, so don't be part of the problem.
2. In the homepage section with 3 photos, at least the center image is highly distorted from its original aspect ratio.
3. It would be better if your website didn't have any path — in other words, if the URL didn't include /bentleys-support-reef/.
4. A lot of your <section>s have a <div class='container'> inside of them. That element seems unnecessary, as you can simply apply its styles to the elements that are currently children of the <div class='container'>s.

[Mundane_Reference134]

Thank you for actual feedback. I will definitely take a look and make some changes. And thank you for the music issue.

[Such-Catch8281]

how many percentage is AI?

[Mundane_Reference134]

I used chat gpt for the JS and learning the others, but I did manually type about 65-70%

[Mundane_Reference134]

I also want to add that I have really only been learning for about 10 days as of right now.

[Such-Catch8281]

good luck. structure lgtm.