step-2.css

/* Step-2 add a text-align that will align items in the center.  */
.main-bottom-section {
  margin-top: 65px;
  text-align: center;
  /* alignment property */
}

/* Step-2 Add a width, height and display property to make these containers look like the design. */
.item {
    width: 43%;
    height: 220px;
    display: inline-block;
    background: #DED6D3;
    margin-bottom: 30px;
}

/* Step-2 Add a width, height, and margin property to make these containers look like the design. Remember margin: auto is helpful when trying to center a container. */
.full-width-item {
    width: 80%;
    height: 220;
    margin: 0 auto 32px;
    background: #DED6D3;
}

/* Step-2 Add a width, height, and margin property to make these containers look like the design. Remember margin: auto is helpful when trying to center a container. */
.large-item {
    width: 86%;
    height: 520px;
    margin: 0 auto 32px;
    background: #DED6D3;
}