Dear community. I am having a problem with my Dasmoto project, and I noticed that people had similar problems before. However, after analyzing and implementing their solutions, they simply didnt work on mine. So the problem is that my background image does not appear for some reasons. Could someone please take a look and say what I am doing wrong? Thank you in advance <3.
HTML
CSS
h1 {
background-image: url(“/resources/limages/pattern.jpeg”);
height: 100%;
width: 100%;
font-family: Arial, Helvetica, sans-serif;
font-size: 100px;
font-weight: bold;
color: khaki;
text-align: center;
}
h2 {
font-family: Arial, Helvetica, sans-serif;
font-size: 32px;
font-weight: bold;
color: white;
}
.brushes h2 {
background-color: mediumspringgreen;
}
.frames h2 {
background-color: lightcoral;
}
.paint h2 {
background-color: skyblue;
}
span {
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
color: blue;
}
P.S. I work on Mac, and my path to the image file should also be okay. For some reason, the external link works perfectly… Also, if you have any comments on my semantics and code structure, I would be grateful to receive any feedback.