A Product Card Using HTML, CSS and Bootstrap

To change the color of the background you can simply select the body element to modify its CSS properties:

body {
  margin: 0;
 background-color: rgb(242, 235, 227);
}

Now setting the margin to 0 will remove the default margin.

The image of this challenge should change at a certain break point. To do so, you have to use the picture element which I link down below:

Using the picture tag for responsive designs

The card should change shape according to the design. You'll have to work more on the Bootstrap grid or use directly the CSS grid. You can learn more about this last one following the link down below:

CSS Grid