3 Column Card Component with flex

Community feedback

• 

  Ryan•290

  @RJC26Posted over 2 years ago

  hey man looked it over and you need to add the code border-radius to the card sedan div and apply it to the top left corner and the top right corner and the same for the card luxury and apply it to the bottom left corner and bottom right corner so example:

  .radius-sedan{
  border-radius: 15px 15px 0 0;
  }
  
  

  .radius-luxury{
  border-radius: 0 0 15px 15px;
  }
  
  

  This will work for the mobile version, then you need to change the corners which the radius are applied to for the desktop version, so you just add the same code to the media query and change the corners example:

  .radius-sedan{
  border-radius: 15px 0 0 15px;
  }
  

   .radius-luxury{
  border-radius: 0 15px 15px 0;
  }
  
  dont forget to then add these classes to the divs on the html sheet! 
  
  hope this helps looks great!
  

  Marked as helpful

  1

  ---

  

  Henrique Dummer•350

  @HenriqueDummerPosted over 2 years ago

  @RJC26 thanks man, really appreciate your help!

  1