Демо епічного випробування
This chapter demonstrates an example of an epic challenge.
- Download an array with initial boilerplate for the epic.
- Download the proper Adobe Photoshop version.
- Download the PSD-file with the page mockup and open it in Photoshop. This file has all the necessary information about sizes, styles, and colors.
- Drag a folder with the accomplished page to the drop-zone or click the drop-zone and choose the folder in the file-explorer.
The task has three checks:
- Markup check (with all styles disabled).
- Grid check to check the positioning of the top elements of the page:
- pink - the highest level of nesting.
- blue - second level of nesting.
- green - third level of nesting.
- Style check with all styles applied.
Keep in mind:
- HTML file should be at the root of the folder you're downloading.
- HTML file should be named
index.html
. - element
<body>
should have<header>
,<main>
with three nested elements, and<footer>
.
Try it out!