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❗️❗️❗️
Display six colored blocks on the screen without any extra margins:
- Use
grid - Each block should be
300pxhigh. - 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
redand 1/5black - Block 3 must be 3/5
redand 2/5black - Block 4 must be 2/5
redand 3/5black - Block 5 must be 1/5
redand 4/5black - Block 6 must be
black.
- Block 1 must be
- 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 |
|---|---|---|
![]() |
![]() |
![]() |


