Mobile First 3-column preview card component

Community feedback

• 

  Ejike•20

  @EJIOLOGYPosted over 2 years ago

  Use Css flexbox for the Challenge

  0

  ---

  

  Mohamed Samir•70

  @mohamed-sameerPosted over 2 years ago

  @EJIOLOGY actually using css grid on the main card making it easier to make it responsivenes

  /*Desktop*/
  .card{
    display:grid;
    grid-template-column: repeat (3, 1fr);
  }
  
  /*Mobile*/
  @media (max-width: 375px;){
  .card{
    grid-template-column: 1fr;
  }
  

  And your design turns into one column for mobile , pretty simple.

  1