ul#toaster-specs { padding: 0; margin: 5px 0; display: flex; flex-direction: column; gap: 2px; } ul#toaster-specs li { display: flex; justify-content: space-between; gap: 2rem; height: 35px; align-items: center; } .color { border-radius: 10px; border: 2px solid var(--secondary-background-color); padding: 1px 5px; box-sizing: border-box; height: min-content; } #toaster-img { max-width: 100%; object-fit: contain; border-radius: 10px; border: 2px solid var(--secondary-background-color); } .flex-col { display: flex; flex-direction: column; gap: 1rem; } .flex-row { display: flex; flex-direction: row; gap: 1rem; } .no-sect { backdrop-filter: none; border: none; border-radius: 0; padding: 0; box-sizing: border-box; } .fill-height { height: 100%; } @media screen and (max-width: 740px) { .flex-row { flex-direction: column; } .flex-col { flex-direction: row; } #toaster-img { width: 100%; } }