CSS Flexbox and Grid Layout

Brief


A) Recreate a 3-column card design using CSS Flexbox Layout.
  • This task should be on the index.html file .
  • All information and images needed for the design can be found in this folder here

Link to design A.


B) Recreate the design using CSS Grid Layout

  • This task should be on the grid.html file.

  • You can use any background color of your choice

Link to design B


Solution

The link to the completed task can be found here.

Technologies

*Note: This project was setup and developed on a system running Windows 10. The stacks used for the project include:

Stack Usage
HTML Structure of the table
CSS Design and table structure