Stats preview card component

Community feedback

• 

  Rohit Purkait•460

  @codeswithrohPosted over 3 years ago

  To place your whole container at the center of the screen just add

  display: grid;
  
  place-items: center;
  
  

  in your body tag. It will save you from using position:absolute.

  And for the responsiveness try setting a flex-basis with minmax which will help you a lot in responsiveness.

  You can check out my solution as well (https://github.com/codeswithroh/stats-preview)

  1

  ---

  

  Filipovici Bogdan Andrei•30

  @bogdiusfPosted over 3 years ago

  @codeswithroh Hello Rohit!

  Thank you for grid and place-items suggestion. Will definitely start using more often. The dynamic responsiveness, without having to set a @media query for each and every device viewport is killing me a bit, haha. But will 100% take a look at your code and learn! ^^

  Have a nice day!

  0
• 

  Aicha Nsangou Mama Awouolou•15

  @Aicha-NsangouPosted over 3 years ago

  Bonsoir, j'ai essayer de regarder ton coder mais sans commentaire c'est pas facile. Pour centrer il y'a plusieurs méthode, perso j'utilise : La position : absolute ; Top: 50%; Left:50%; Transform:translate (-50%,-50%);

  Ce bout de code centre tous les éléments ^^ J'espère t'avoir aider de mon mieux:)

  1

  ---

  

  Filipovici Bogdan Andrei•30

  @bogdiusfPosted over 3 years ago

  @Aicha-Nsangou Bonsoir Aicha,

  I completely forgot about "transform: translate(-50%, -50%). You are a life saver!

  As for the comments, thank you for pointing it out. I will start adding comments to the blocks of code! (i am still a rookie ^^ )

  Thank you for taking time to answer! Have a great day! ^^

  0