.price { display: flex; gap: var(--Space-x2); align-items: center; } .contentContainer { display: flex; flex-direction: column; } .description { display: flex; margin: var(--Space-x2) 0; } .pointsDivider { display: flex; gap: var(--Space-x2); height: 24px; } .breakfastPriceList { display: flex; flex-direction: column; } .divider { display: none; height: var(--Space-x4); } @media screen and (min-width: 768px) { .breakfastPriceList { flex-direction: row; gap: var(--Space-x2); } .divider { display: block; } }