Skip to content

Latest commit

 

History

History
29 lines (23 loc) · 984 Bytes

readme.md

File metadata and controls

29 lines (23 loc) · 984 Bytes
Raw

Frontend practice with catalog page using grid

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

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.