freeCodeCamp Challenge Guide: Add Borders Around Your Elements

Thank you for this. I was close. I had the code it like this "<img class= “smaller-image” class1= “thick-green-border”

Yes, what help do you need?

A cute orange cat lying on its back.

css:
.smaller-image .thick-green-border {
width: 100px;
border-color: green;
border-width: 10px;
border-style: solid;
}

Do the quotation marks need to always be eliminated whenever there is more than one class to apply to an element?

this is not working

.smaller-image .thick-green-border {
width: 100px;
border-color: green;
border-width: 10px;
border-style: solid;
}

I’m also having a lot of trouble with this task. I have a border around the picture and everything and have been able to change the border designs but it isn’t verifying I’ve completed the task. I’m stumped on why I haven’t completed the task.

3 Likes

.thick-green-border {
border-color: green;
border-width: 10px;
border-style: solid;
}
A cute orange cat lying on its back.

Please help. I’m still not seeing where I’m going wrong

1 Like

i tried doing this and it worked

.thick-green-border {border-color: green;}

.thick-green-border {border-width: 10px;}

.thick-green-border {border-style: solid;}

3 Likes

It tells me how to make the image smaller but how? “Your img element should have the class smaller-image.”

its doesnt help any more than you wrote and if it work then tell me how to it work?

1 Like

its doesnt help any more than you wrote and if it work then tell me how to it work?

You’ve got to nest it all. if you don’t remember just go back to where we learned about adding attributes.

sorry i didnt got you what you mean?

I tried that and it doesn’t work

1 Like

.thick-green-border {
border-color: green;
border-width: 10px;
border-style: solid;
}

Next step is:

"Remember that you can apply multiple classes to an element by separating each class with a space within its class attribute. For example:

"

2 Likes