Setting Fixed Width

Set the width of the section to be fixed at 35rem.

Setting Fluid Width

The problem with the fixed width we set in the last step is that it can never shrink, even if the browser window isn't big enough, which can result in an unwanted horizontal scrollbar.

To fix this problem, change the code so that the section never grows larger than 35rem, but can shrink smaller if there isn't enough space.

Setting Percentage Width

Set the image so that it never grows larger than half the size of the container.

Limiting Shrinking

Sometimes you want to make sure an element isn't allowed to shrink too small. Add the code that will stop the image from shrinking smaller than 200px.

Hint: Make sure your properties are in alphabetical order.

Setting Minimum Height

Let's change things so that the background color has plenty of vertical space. Add the code that will make sure the div is always at least 10rem.

Hint: Make sure your properties are in alphabetical order.