Replace <your_account>
with your Github username and copy the links to Pull Request description:
Follow this instructions
Write styles in
src/styles/main.scss
instead ofsrc/style.css
.
Create HTML page with catalog. Develop semantic page structure as shown on the mockup.
- use
Card
andHeader
blocks from previous tasks but rewrite them using BEM and SCSS - Nav links color is not black any more
- page width is always >= 1024px
- there should always be 4 cards in a row (not 2, 3 or 5)
- use
:nth-child(4n)
to select every 4th element - use
:nth-last-child(-n + 4)
to select 4 last elements
- use
- cards should have fixed width and fixed distances between them
- cards container should have fixed paddings (see 1024px example), bottom the same as top
- use semantic tags.
<header>
,<nav>
,<main>
- add class
is-active
to the first link (Apple
) in navigation - add attribute
data-qa="nav-hover"
(not justhover
) to the 4th nav link for testing (Ноутбуки и компьютеры
) - add attribute
data-qa="card"
to the first card - add attribute
data-qa="card-hover"
(not justhover
) to the linkКупить
inside first card