Имаме основната заглавка на галерията, но липсват малките сини човечета, които Ерика постави в оригиналната илюстрация. Бяхме говорили за това предварително и решихме, че ще бъде доста готино, ако когато екранът бъде преоразмерен, хората останат неподвижни, докато стената на галерията се движи зад тях, така че изглежда някак сякаш разглеждат галерията със страхопочитание.
Тъй като графиките на хората са чисто орнаментални, използването на маркировка за тях не е идеално. За щастие има два от тях и получаваме по два безплатни псевдоелемента за всеки елемент ( ::beforeи ::after). Използваме тези, за да ги добавим.
В това видео представяме концепция, която ще продължи да бъде полезна, концепцията за „обратни медийни заявки“. До голяма степен работим надолу по работния плот в този дизайн, така че нашите медийни заявки се базират предимно на max-width. Но ако зададем едни и същи медийни заявки въз основа min-width, можем да насочим екрана само когато той е по-голям от определен размер, а не по-малък.
При това обстоятелство графиката на хората просто не се побира на малки екрани. Затова използваме обратна медийна заявка, за да ги заредим, по този начин ще ги заредим на големи екрани, върху които работят, но не ги зареждаме на малки екрани. Това е по-добре, отколкото да ги зареждате през цялото време и да ги криете на малки екрани.