Stylesheet updates

[kaiwalyakoparkar]

• To curve the edges you need to add overflow: hidden to your .container class.

• Also, I recommend adding a min-width to your card so that the content doesn't get "pressed".

• You can add min-height : 100vh to your body to make sure that it covers your viewport.

• Instead of using padding to put your card in the center, you could just using justify-content : center and align-item: center as your body is already set on display: flex.

• Define width/height of your components with units such as percentages/rem/rem/etc... then playing with grid/flex/position properties to place your elements.

• Try to take a look about semantic HTML tags such as main, section, etc.. to make your code more descriptive.

• Get rid of the default padding/margin with *{margin : 0; padding:0;} also you might take a look at box-sizing : border-box and understand how the box model works under the hood.