All comments

• 

  Jason Nham•20

  @JasonNhamSubmitted over 3 years ago

  I'm new to CSS designs and I want to become a web developer. Any tips on ways I could reformat my code, or tools I could've used would be much appreciated.

  Thank you so much for your time.

  

  3 Column Preview Card with CSS Flexbox

  2

  10
  

  George•10

  @georgelowePosted over 3 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

  This comment has received 1 replyShow