George

Latest comments

• 

  Jason Nham•20

  @JasonNham

  Submitted about 4 years ago

  

  3 Column Preview Card with CSS Flexbox

  2

  10
  

  George•10

  @georgelowe

  Posted about 4 years ago

  Hey Jason with regards to corner rounding of the cards you might want to do this:

  .orange.card { border-radius: 10px 0px 0px 10px; }

  .very-dark-cyan.card { border-radius: 0px 10px 10px 0px; }

  Then do a media query for when they are displayed vertically like so:

  .orange.card { border-radius: 10px 10px 0px 0px; }

  .very-dark-cyan.card { border-radius: 0px 0px 10px 10px; }

  That way, when the cards are next to each other the left two corners of the orange and right two corners of the dark card are rounded, but when vertical its the top and bottom two instead

  0