.films-container[data-v-21c8f56e] { display: flex; flex-direction: column; align-items: center; margin-left: 10%; margin-right: 10%; } /** display poster set as grid ranging from 2 to 4 columns based on screen size */ .poster-set[data-v-21c8f56e] { display: inline-grid; grid-template-columns: repeat(2, 1fr); gap: 2vw; } @media screen and (min-width: 700px) { .poster-set[data-v-21c8f56e] { grid-template-columns: repeat(3, 1fr); } } @media screen and (min-width: 1000px) { .poster-set[data-v-21c8f56e] { grid-template-columns: repeat(4, 1fr); } } h3[data-v-21c8f56e] { text-transform: uppercase; margin: 40px; font-size: 2em; font-weight: 300; line-height: 1.1; font-family: Roboto, sans-serif; color: #72a6c5; }