Set the width of the section to be fixed at 35rem
.
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.
Set the image so that it never grows larger than half the size of the container.
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.
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.