Develop #6111
There are no files selected for viewing
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,29 @@ | ||
| name: Test | ||
|
|
||
| on: | ||
| pull_request: | ||
| branches: [ master ] | ||
|
|
||
| jobs: | ||
| build: | ||
|
|
||
| runs-on: ubuntu-latest | ||
|
|
||
| strategy: | ||
| matrix: | ||
| node-version: [20.x] | ||
|
|
||
| steps: | ||
| - uses: actions/checkout@v2 | ||
| - name: Use Node.js ${{ matrix.node-version }} | ||
| uses: actions/setup-node@v1 | ||
| with: | ||
| node-version: ${{ matrix.node-version }} | ||
| - run: npm install | ||
| - run: npm test | ||
| - name: Upload HTML report(backstop data) | ||
| if: ${{ always() }} | ||
| uses: actions/upload-artifact@v2 | ||
| with: | ||
| name: report | ||
| path: backstop_data |
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,3 +1,118 @@ | ||
| html { | ||
| box-sizing: border-box; | ||
|
There was a problem hiding this comment. The |
||
| font-size: 12px; | ||
| } | ||
|
|
||
| *, | ||
| *::before, | ||
| *::after { | ||
| box-sizing: inherit; | ||
| } | ||
|
|
||
| body, | ||
| h1, | ||
| h2, | ||
| h3, | ||
| h4, | ||
| h5, | ||
| h6, | ||
| p, | ||
| ol, | ||
| ul { | ||
| margin: 0; | ||
| padding: 0; | ||
| font-weight: normal; | ||
| } | ||
|
|
||
| ol, | ||
| ul { | ||
| list-style: none; | ||
| } | ||
|
|
||
| img { | ||
| max-width: 100%; | ||
| height: auto; | ||
| } | ||
|
|
||
| :root { | ||
| --blue: #007bff; | ||
| } | ||
|
|
||
| * { | ||
| margin: 0; | ||
| padding: 0; | ||
| box-sizing: border-box; | ||
|
Comment on lines
+42
to
+43
There was a problem hiding this comment. The universal selector |
||
| } | ||
|
|
||
| body { | ||
| font-family: Roboto, sans-serif; | ||
| font-size: 12px; | ||
|
There was a problem hiding this comment. Ensure that the font-family 'Roboto' is consistent with the Google Fonts configuration in your HTML file. Verify that the font weights and styles match the requirements specified in the task description. |
||
| } | ||
|
|
||
| .header { | ||
| display: flex; | ||
| justify-content: space-between; | ||
| align-items: center; | ||
| padding: 0 50px; | ||
| width: 100%; | ||
| } | ||
|
|
||
| .logo img { | ||
| height: auto; | ||
| width: 100%; | ||
| } | ||
|
There was a problem hiding this comment. The |
||
|
|
||
| .nav-list { | ||
| display: flex; | ||
| align-items: center; | ||
| justify-content: center; | ||
| height: 60px; | ||
| font-weight: 500; | ||
| } | ||
|
|
||
| .nav-link { | ||
| display: inline-block; | ||
| height: 60px; | ||
| line-height: 60px; | ||
| text-decoration: none; | ||
| text-transform: uppercase; | ||
| color: black; | ||
| } | ||
|
|
||
| .nav-link:hover { | ||
| color: var(--blue); | ||
| } | ||
|
|
||
| .nav-link.is-active { | ||
| color: var(--blue); | ||
| position: relative; | ||
| } | ||
|
|
||
| .nav-list li:not(:last-child) { | ||
| margin-right: 20px; | ||
| } | ||
|
|
||
| .nav-list li:first-child .nav-link { | ||
| padding-left: 0; | ||
| } | ||
|
|
||
| .nav-list li:last-child .nav-link { | ||
| padding-right: 0; | ||
| } | ||
|
|
||
| .nav-link.is-active::after { | ||
| content: ''; | ||
| background-color: var(--blue); | ||
| border-radius: 4px; | ||
| width: 100%; | ||
| height: 4px; | ||
| display: block; | ||
| position: absolute; | ||
| left: 0; | ||
| bottom: 0; | ||
| } | ||
|
|
||
| [data-qa='hover'] { | ||
| position: relative; | ||
| top: 0; | ||
| } | ||
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
The
<h1>tag is currently empty. It's important to provide meaningful content within this tag for accessibility and SEO purposes. Consider adding a relevant heading here.