jumiranda5

Latest comments

• 

  Yeni•180

  @YeniUvwo

  Submitted over 1 year ago

  

  Responsive design using css flexbox

  #accessibility

  2

  30
  

  jumiranda5•280

  @jumiranda5

  Posted over 1 year ago

  Hi! I couldn't figure out why the middle column is shrinking more than the others... but have you tried using flex-grow: 1? w3 flex-grow

  0

  Marked as helpful
• 

  Josh Michael•1,070

  @joshmichael23

  Submitted over 1 year ago

  

  Responsive Four Card using Flexbox

  1

  40
  

  jumiranda5•280

  @jumiranda5

  Posted over 1 year ago

  Hi, Josh! Yes, you can use grid... I finished this challenge a few days ago and I used grid layout with grid-template-area this way:

      .cards-container {
          margin-top: 4rem;
          grid-template-areas: 
              '.  c2  .'
              'c1 c2 c4'
              'c1 c3 c4'
              '.  c3  .';
      }
  
      .card1 { grid-area: c1; }
      .card2 { grid-area: c2; }
      .card3 { grid-area: c3; }
      .card4 { grid-area: c4; }
  
  

  You can read more about grid-template-areas on MDN: grid-template-areas

  All the best!

  2