Hey, what would be the best way to add pictures of these characters to my div’s
Eg. Adding a photo of ‘mario’ to the second Div so that it takes up the exact same position and size of the div.
I tried adding <img>
nested within the div but it doesn’t seem to work (see below).
Do I need to create new selectors for this image in the CSS syntax?
yea, you need to create a new image css selector:
img {
property: value;
property: value;
property: value;
}
property and value are just placeholder words, i will leave it to you to figure out the actual property’s you need. Positioning the images in the circles is tricky with a regular image. there is also something called background, that is easier.
1 Like
did you discover your mistake?
(put the img src within the div tags). and img is the selector so use that on CSS sheet like the instructor mentioned