Skip to content

Latest commit

 

History

History
35 lines (28 loc) · 1.76 KB

readme.md

File metadata and controls

35 lines (28 loc) · 1.76 KB

Antisnake

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

Follow this instructions


❗️❗️❗️ This task does not require the approval of a mentor and is automatically approved on the platform when the tests are passed❗️❗️❗️

The task

Display six colored blocks on the screen without any extra margins:

  • Use grid
  • Each block should be 300px high.
  • Each block should have its number (1 to 6) placed in its center in white Arial 100px font.
    • Block 1 must be red
    • Block 2 must be 4/5 red and 1/5 black
    • Block 3 must be 3/5 red and 2/5 black
    • Block 4 must be 2/5 red and 3/5 black
    • Block 5 must be 1/5 red and 4/5 black
    • Block 6 must be black.
  • The width of each block should be not less than its height (300px)
  • Blocks must be put in 2 to 6 rows and stretched: each row must fit either 1, 2, or 3 blocks. See the screenshots here.
  • Each row is to be read from left to right.

Important note: In this task, you are allowed to link *.scss files directly in HTML <link> tags using href attribute. This is possible because we use the Parcel library to bundle your solution's source code.

--> CHECKLIST

3 columns 2 columns 1 column
1 col 1 col 1 col