Responsive card form CSS Flex

Hey! Good work on the challenge

I saw your code and would like to share few points to help with responsivity.

1. Use relative units, don't use pixels everywhere

It's best to use rem for font-sizes and em for other properties. em values are calculated relative to an element's font size and rem are calculated against a default browser size which is 16px in most cases. You may read more about it here.

Once you start using relative units your CSS code will reduce greatly. You won't have to use so many media queries too 🙂

1. Don't set a max-width on body tag

I noticed that you have assigned a maximum width of body tag. Instead add that to the main tag.

Hope these points are helpful to you!