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