Skip to content

Commit

Permalink
Update readme.md
Browse files Browse the repository at this point in the history
  • Loading branch information
mgrinko authored Oct 10, 2023
1 parent e788d17 commit 61d9fce
Showing 1 changed file with 3 additions and 4 deletions.
7 changes: 3 additions & 4 deletions readme.md
Original file line number Diff line number Diff line change
Expand Up @@ -11,14 +11,13 @@ Create HTML page with the header using `flexbox` basing on [this mockup](https:/
The page should match the design Pixel Perfect: all the sizes, colors and distanced MUST be the same as on the design.

### Requirements:
- use semantic tags: `<header>`, `<img>`, `<nav>`, `<ul>`, `<li>` and `<a>`
- use images from [src/images](src/images)
- reset browser default margins.
- Use [Roboto font](https://fonts.google.com/specimen/Roboto)
- use [Roboto font](https://fonts.google.com/specimen/Roboto)
- use semantic tags: `<header>`, `<img>`, `<nav>`, `<ul>`, `<li>` and `<a>`
- the header should stretch the full page width
- the height should be set for nav links (not the header), take it from the design.
- header content should be vertically centered.
- Logo should also be a link with an image inside. But it should not be a part of the `<nav>`.
- Logo should also be a link with an image inside (from [src/images](src/images)). But it should not be a part of the `<nav>`.
- ❗️ the blue link with a line below should have a class `is-active` in addition to any other classes you add.
- link color should be changed on `:hover`
- ❗️ add `data-qa="hover"` attribute to the 4th link for testing (`Laptops & computers`)
Expand Down

0 comments on commit 61d9fce

Please sign in to comment.