Dasmotos Arts and Crafts

Projects
1

Here is a link to my Dasmotos project. How can I make my code cleaner?

https://roxyhoney.github.io/DasmotosProject/

2

Sorry, I can’t see your code. Could you post a link/paste your code here?

Even if not, a general rule of thumb is to indent your code so it correctly shows parent/child relationships within your tags. And indenting your CSS.

3

also right click view page source?

4

Thank you! I forgot about the “View Page Source” option.

<!DOCTYPE html>
<html>
    <head>
        <title>Dasmoto's Arts and Crafts</title>
        <link rel="stylesheet" type="text/css" href="/DasmotosProject/styles.css"> 
    </head>
    <body>
        <header>
            <h1>Dasmoto's Arts & Crafts</h1>
        </header>
        <div class="brushes">
            <h2>Brushes</h2>
            <img src="/DasmotosProject/images/hacksaw.webp">
            <p><strong>Hacksaw Brushes</strong><br><br><span>Made of the highest quality oak. Hacksaw brushes are known for their weight and ability to hold paint in large amounts. Available in different sizes.</span></p>
            <link href=""><a>Starting at 3.00/brush</a>
        </div>
        <div class="frames">
            <h3>Frames</h3>
            <img src="/DasmotosProject/images/frames.webp">
            <p><strong>Art Frames (assorted)</strong><br><br><span>Assorted frames made of different material, including MDF, birchwood, and PDE. Select Frames can be sanded and framed according to your needs.</span></p>
            <link href=""><a>Starting at 2.00/frame</a>
        </div>
        <div class="paints">
            <h4>Paint</h4>
            <img src="/DasmotosProject/images/finnish.webp">
            <p><strong>Clean Finnish Paint</strong><br><br><span>Imported paint from Finland. Over 256 colors in-store,varying in quantity(1oz. to 8oz.). Clean Finnish paint microbinds to canvas, increasing the finish and longevity of any artwork.</span></p>
            <link href=""><a>Starting at 5.00/tube</a>
        </div>
    </body>
</html>

Do you see a difference of how this code is indented and formatted vs. yours?

5

yes this is very helpful, thankyou!

6

You’re quite welcome! Happy coding!

1 Like