Challenge: A classy gallery
Add multiple classes
This webpage has three images in the body, but there are no styles yet.
We've defined a few CSS rules with class selectors at the top. Some of the rules change the size of the image, and others change the border.
Your challenge: is to add two class names to each image so that the sizes and borders vary from each other. Mix and match - try a few out!
Challenge: A classy gallery
body {
font-family: cursive;
}
.image-small {
width: 150px;
}
.image-medium {
width: 200px;
}
.black-frame {
border: 8px double rgb(38, 38, 38);
}
.gold-frame {
border: 10px ridge rgb(255, 183, 0);
}
.silver-frame {
border: 10px groove rgb(204, 204, 204);
}
A classy gallery
someone give me the updated code with everything completed please
Add multiple classes
This webpage has three images in the body, but there are no styles yet.
We've defined a few CSS rules with class selectors at the top. Some of the rules change the size of the image, and others change the border.
Your challenge: is to add two class names to each image so that the sizes and borders vary from each other. Mix and match - try a few out!
Challenge: A classy gallery
body {
font-family: cursive;
}
.image-small {
width: 150px;
}
.image-medium {
width: 200px;
}
.black-frame {
border: 8px double rgb(38, 38, 38);
}
.gold-frame {
border: 10px ridge rgb(255, 183, 0);
}
.silver-frame {
border: 10px groove rgb(204, 204, 204);
}
A classy gallery
someone give me the updated code with everything completed please