background color doesn't work with breakpoint keywords

[nicolascvoodoo]

Here a simple example:

<div class="h-20rem w-20rem bg-blue-200 sm:bg-orange-200 md:bg-green-200 lg:bg-red-200 xl:bg-yellow-200"></div>

If I understood well, the square should change its color when we resize the window. But nothing happens.