/* Flexbox layout for side-by-side content */
.product__info-wrapper {
display: flex; /* Aligns children horizontally */
justify-content: space-between; /* Space between content */
align-items: flex-start; /* Aligns items to the top */
gap: 20px; /* Adds space between text and checkout box */
}
/* Adjusts the width of the text container */
.product__info-container {
flex: 1; /* Ensures the description area takes up available space */
margin-right: 20px; /* Space between description and checkout form */
}
/* Adjusts the width of the checkout container */
.product__cart-form {
flex: 0 0 300px; /* Sets the checkout form to a fixed width (e.g., 300px) */
max-width: 100%; /* Ensures the form doesn't overflow */
}
/* Media query for responsive layout */
@media screen and (max-width: 750px) {
.product__info-wrapper {
flex-direction: column; /* Stacks elements vertically on smaller screens */
align-items: center; /* Centers content when stacked */
}
.product__cart-form {
width: 100%; /* Ensures the checkout form takes full width on smaller screens */
}
}
