Mobile first design using tailwind CSS framework

Community feedback

• 

  Minh Khang Tran•510

  @MinhKhangTranPosted over 2 years ago

  Hi, nice solution!

  I'm not familiar with tailwind but you can add this custom css to your body to center your card in the center vertically and horizontally.

  display: grid;
  place-items: center;
  min-height: 100vh;
  

  Also you can give your "clock" image the same value for width and height to have a full circle

  p.e.

  .counting img{
     width: 17px;
     height: 17px;
  }
  

  and to center it vertically you can use align-items: center on the parent

  .counting{
     align-items: center;
  }
  

  I hope this helped.

  Keep coding and having fun doing it🥰

  Marked as helpful

  0

  ---

  

  Rizqy Fachri•110

  @RizqyfmPosted over 2 years ago

  @MinhKhangTran your solution works so well! thank you very much for your help!

  0