Stats-preview-Card Component using CSS Grid,Flexbox and CSS Variables

Community feedback

• Account deleted

  Hi Caner,

  This looks very good. The only issue is the size. Compared to the design given, the size of your card covers the entire screen. So what I did is for the entire card that you are working with (The text on the left and the image on the right), I used this css:

  main { width: 75%; position: relative; top: 120px; margin: 0 auto; }

  This sets the entire card to the center of the page. Since its 75% width instead of a fixed width, The card will shrink when you are moving your browser (Responsive).

  I hope this makes sense.

  0