Tell us what’s happening:
The pricing options are too big, is it a way to diminish them?
Your code so far
User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_14_6) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/12.1.2 Safari/605.1.15.
Challenge: Build a Product Landing Page
Link to the challenge:
Not quite sure what you’re trying to accomplish. If you put flex-wrap: wrap on the flex-container, the overflow problem goes away.
I mean, I cant control the size of the flex container. I want it be smaller on a page. Thank you in advance
Yes, you can, just put a width or max-width on it. Also, don’t set your widths in px, use em instead.
Hi @don.kzk.
You can apply max-width to .product or body. For example if I apply .product {max-width: 200px} they appear to reduce in width however you have to adjust styling for other elements. Similarly I think applying something similar to body element might do the same.