css-flex-cards

CSS Flexbox Card Layout

Fork this repository to your own account to access these starter files.

Part 1

• Use the provided starter file to style the card-styles.css file.
• Use the .cards section to display: flex
• • In a full-screen layout, show 3 columns. Use flex to move the next article to the following row.
• • In a tablet layout, show 2 columns, and display just 1 card on phone ratios.

Part 2

• Use calc() function to subtract a few rems when defining the space between cards
• Add a subtle shadow effect behind individual cards on hover.