#recommend {
  width: 100%;
	background-color: #FFFFFF;
	padding-block: 40px 0;

	@media (max-width: 768px) {
		padding: 50px 20px 56px;
	}

	.cards {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: repeat(auto);
    gap: 24px;

    @media (max-width: 768px) {
      grid-template-columns: 1fr;
      gap: 16px;
    }
  }
}