Tall and Wide explainer

#1

Aim of the puzzle: Use CSS to set the height of images.
Walk through of solution: When images are added with HTML, the images will appear in their original size. To change the size of these images further, we can set rules for their height and width.

To complete the puzzle, set the height property in the img ruleset to 60px
Sample code solution:

CSS

body {
    background-color: silver;
}

img {
    height: 60px;
    width: auto;
}

HTML Concepts: <img> elements, src attribute
CSS Concepts: Selector, Rule, Ruleset, Image Resizing

2 Likes
#2
#3
#4

Code isn’t working in the exercise -

body {
background-color: silver;
}

img {
height: 60px;
width: auto;
}

2 Likes
#5

As for me the code passes without a semicolon

img {
height: 60px
width: auto;
}

#6

Thanks for flagging!

– Ben