Explain the margin-trim property.

margin-trim solves the common problem of excess margins at the edges of a container.

Instead of targeting the first or last child to remove their margin (e.g., li:last-child { margin-bottom: 0; }), you declare margin-trim: block on the parent container. It automatically trims any margins from the children that touch the container's inner edge.