Dasmoto's Arts and Crafts

Here’s my attempt at the Dasmoto’s Arts and Crafts Project:
https://peterkibuchi.github.io/dasmotos/

and here’s my code for it:

Any feedback would be greatly appreciated.

Happy coding.

2 Likes

That looks great! One thing i found interesting was messing around with more CSS and stuff. But that does look pretty cool. Nice Job :slight_smile:

Thank you.

It’s a bit bare to say the least :sweat_smile: , but it’s a good project for grasping the fundamentals and building a solid foundation to build upon and get better. One step at a time.

Happy coding.

HELP! Here is the code that I wrote in CSS, but I cannot for the life of me understand why my background image for h1 is not working! Everything else worked, but not the background image for h1. Any ideas would be greatly appreciated!!!
Here is my CSS code:

h1, h2, h3, p {

font-family: Arial, Helvetica, sans-serif;

}

h1 {

background-image: url("C:\Users\bch04\Desktop\Projects_codecademy\devproject_dasmotos-arts\Resources\Art and photos\pattern-shingles.webp");

font-size: 100px;

color: khaki;

text-align: center;

}

#Brushes {

font-size: 32px;

font-weight: bold;

color: white;

background-color: mediumspringgreen;

}

#Frames {

font-family: Helvetica;

font-size: 32px;

font-weight: bold;

color: white;

background-color: lightcoral;

}

#Paint {

font-family: Helvetica;

font-size: 32px;

font-weight: bold;

color: white;

background-color: skyblue;  

}

b {

color: blue;

font-weight: bold;

font-family: Helvetica;

}

p {

font-family: Helvetica;

}

I believe the problem has to do with the way you have specified the path to the image.
If the path is specified incorrectly, the image won’t load.
Try using a relative path instead:

background-image: url("./Resources/Art and photos/pattern-shingles.webp");

If that doesn’t work, try linking to the image directly instead of linking to a local copy:

background-image: url(https://content.codecademy.com/courses/freelance-1/unit-2/pattern.jpeg);

Thank you for the response! I was able to make it work with the URL going back to codecademy.com. Thank you!