I need help with Dasmotos off site project

I thought I was doing well at learning how to create and build a website, but it is not going well. I can’t figure out what I’m doing wrong with my CSS code. Every time I run the code it just shows hope as text and pictures that looks like it’s all just hyperlinks. Any help is greatly appreciated. Preformatted text h1{font-family: Helvetica;
font-size: 100px;
font-weight: bold;
color: red;
background-image:
text-align: center;
}

h2{
font-family: Helvetica;
font-size: 32px;
font-weight: bold;
color: white;
background-color: mediumspringgreen;
}
h3{
color: black;
font-weight: bold;
}
h3{
font-family: Helvetica;
font-weight: bold;
color: blue;
}
h4{
background-color: light coral;
font-family: Helvetica;
font-size: 32px;
font-weight: bold;
color: white;
}
h5{
background-color: skyblue;
font-family: Helvetica;
font-size: 32px;
font-weight: bold;
color: white;
}
h5{
font-family: Helvetica;
font-weight: bold;
color: blue;
}

Hello, there!

I would love to give you some assistance with your project. To do so, could you please properly format your CSS? You want to make sure that the CSS is properly in-between the two sets of three backticks.

```
[CSS here]
```

Preformatted texth1 {
font-family: Helvetica;
font-size: 100px;
font-weight: bold;
color: red;
background-image: text-align: center;

h2 {
font-family: Helvetica;
font-size: 32px;
font-weight: bold;
color: white;
background-color: mediumspringgreen;
}

h3 {
color: black;
font-weight: bold;
}

h3 {
font-family: Helvetica;
font-weight: bold;
color: blue;
}

h4 {
background-color: light coral;
font-family: Helvetica;
font-size: 32px;
font-weight: bold;
color: white;
}

h5 {
background-color: skyblue;
font-family: Helvetica;
font-size: 32px;
font-weight: bold;
color: white;
}

h5 {
font-family: Helvetica;
font-weight: bold;
color: blue;
}

Is this the right way to format it?

image

The formatting is messing up here in the beginning, so it’s not displaying correctly.

If you click this button:
image

It will say

type or paste code here

As I mentioned previously, you want to ensure your code is in between the three backticks. Just replace the “type or paste code here” with your CSS.

h1 {
    font-family: Helvetica;
    font-size: 100px;
    font-weight: bold;
    color: red;
    background-image: <img src="https://pattern.jpeg" /> text-align: center;

h2 {
    font-family: Helvetica;
    font-size: 32px;
    font-weight: bold;
    color: white;
    background-color: mediumspringgreen;
}

h3 {
    color: black;
    font-weight: bold;
}

h3 {
    font-family: Helvetica;
    font-weight: bold;
    color: blue;
}

h4 {
    background-color: light coral;
    font-family: Helvetica;
    font-size: 32px;
    font-weight: bold;
    color: white;
}

h5 {
    background-color: skyblue;
    font-family: Helvetica;
    font-size: 32px;
    font-weight: bold;
    color: white;
}

h5 {
    font-family: Helvetica;
    font-weight: bold;
    color: blue;
}
1 Like

So, this right here is not valid for background-image.

background-image: url("path/to/image.png");

or

background-image: url("https://www.link.com/image.png");

Just make sure you use the correct path if you have it saved to your computer.

ok. thank you so much for your help.

1 Like

This topic was automatically closed 41 days after the last reply. New replies are no longer allowed.