How To Shrink My Flex Part In Category "Pricing"?

Tell us what’s happening:

The pricing options are too big, is it a way to diminish them?

Your code so far


Your browser information:

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.

1 Like

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.

1 Like