Structuring the folder part in css?

I´m new in the curse and on the way to finish the Dasmoto´s project by trying me out on my own project
and have a question about structuring my folder.
if its possible on vs code to structure this part :
image
so that i could see which html page is connected with which page

<head>
    <link rel="stylesheet" href="style.css" type="text/css">
</head>
<body>
     <h1 class="Name">GoldenBuds Growing Guidance Community</h1>
     <div class="login-register">
        <form>
            <label for="username">Username:</label><br>
            <input type="text" id="username" name="username"><br>
            <label for="password">Password:</label><br>
            <input type="password" id="password" name="password"><br>
            <input type="submit" value="Login">
        </form>
        <a href="register.html">Register</a>
    </div>
    <div class="headlines1">
     <h2 class="headlines">Prebarations</h2>
      <p class="informations">Choose the Right Environment When Starting an Indoor Cannabis
                              Term When starting an indoor cannabis term, choosing the right environment is vital. ...
                              Choose the Right Strain for Your Space and Goals ...
                              Use Fertilizers and Nutrients Effectively ...
                              Try Pest Control Methods ...
                              Prune for Larger Yields ...
                              Learn Harvesting and Curing Techniques ...you want read more<button>more</button></p>
     <h2 class="headlines">Germination Phase</h2>
      <p class="informations">To germinate, keep your seed in a wet, dark place. Some growers may keep it in a 
                              cup of water or wrapped in a wet paper towel and set inside of a cabinet. Exposing seeds to light and moisture stimulates hormones and gives
                              the growth process a boost do you want more infos<a href="germination.html"><button>more</button></a>
     <h2 class="headlines">Flowering Phase</h2>
      <p class="informations">Nutrients. The cannabis flowering cycle introduces an increased need for phosphorus and potassium. Since the plants no longer develop as much new
                              foliage, they use much less nitrogen. You can accommodate this need by supplying the highest-quality flowering nutrients. you want read<button>More</button></p>
     <h2 class="headlines">Harvest Phase</h2>
      <p class="informations">Cannabis trichomes tell a grower when it’s time to harvest.
                              When all the heads are translucent and some trichomes have turned milky, it’s time.
                              Amber trichomes signify that the plant compounds like THC and CBD are degrading.
                              Use a magnifying glass to keep tabs on what phase trichomes are in.
                              Not all buds or resin glands develop simultaneously – watch the whole plant. You want read... <button>more</button></p>
    </div>
</body>
)

thats only the beginning i guess byside my allready 5 html and css documents will mybe come 50 more pages if there is a way to dont lose the overview ?

Hi.
It’s good to start thinking about organization because, later on, the projects will have many features and you need to have a good organizational mindset.
Here are two examples of organization:
Screenshot 2024-05-10 104638
Screenshot 2024-05-10 104733

Hope this helps. Cheers

1 Like

thank you really a bunch i appreciate your answer that makes sense your advise : ).
i will follow it.

1 Like