Mobile first Card Layout with Plain HTML & CSS

Community feedback

• 

  P

  Patrick•14,265

  @palgrammingPosted over 3 years ago

  it transitions from the desktop theme to the four cards in a row and if I am not mistaken the 4 cards in the row are wider than the desktop layout. You might want to look at your transitions again and how long you can keep the desktop layout as you transition to mobile

  2
• 

  Luiz Claudio Lopes•505

  @lc-dev90Posted over 3 years ago

  You can use grid css property, mix grid template areas like this:

  .content{
  display: grid;
  grid-template-area: 
      grid-template-areas:
        "left center1 right"
        "left center2 right";
  }
  
  /* and align each of item with align-self and justify self*/
  
  

  0