Stwórz stronę Most paid athletes według naszego dizajnu. Co istotne:
- Wszystkie style, wcięcia, powinny być identyczne z mockupem (co do piksela!).
- Nie musisz pobierać obrazów, bo HTMl wykorzystuje odnośniki do zewnętrznych obrazów, nie - lokalnych.
- Możesz zmodyfikować HTML według własnego upodobania.
- Klasy i style CSS powinny być zgodne z metodologią BEM.
- Począwszy od szerokości
500pxstrona powinna wyglądać dokładnie tak, jak na mockupie (horyzontalny scroll jest niedopuszczalny). - Nie wychodź poza dostarczony dizajn (jeśli np. projekt nie przewiduje pięciu kolumn, Twoja strona też nie powinna ich mieć).
- Odnośnie do efektów hover natomiast:
- zmiany po lewej stronie mockupu powinny zostać zastosowane natychmiast;
- te po prawej natomiast - łagodnie, w ciągu jednej sekundy.
Jeśli zaprojektowanie opisu sportowca tak, by ukazywało się ono po najechaniu bez przesuwania sąsiednich elementów jest dla Ciebie za trudne, zacznij od pokazywania go jeszcze na starcie. Gdy poradzisz sobie z implementacją opisu w ten sposób, spróbuj ograniczyć jego widoczność do hover. W efekcie, początkowe wcięcia nie ulegną zmianie.