diana-tuz/layout_catalog_grid

Frontend practice with catalog page using grid

Replace <your_account> with your Github username and copy the links to Pull Request description:

• DEMO LINK

Follow this instructions

The task

Implement layout using grid layout

• Replace flex with grid
• Media queries
  • There should be four columns starting at 1024px
  • There should be three columns starting at 768px
  • There should be two columns starting at 488px
  • There should be one column below 488px
• Gap between cards should be 48px
• Do not modify header
• Blocks should start from the left

Requirements:

• write styles in src/styles/_catalog.scss
• use SCSS in this task
• pay attention to the responsive
• card's width is 200px including borders

Common mistakes

• Use 2 spaces for indentation.
• Don't use repeated styles.