# 058: Прилагођено заглавље галерије, 2. део (са упитима за Реверсо Медиа) - ЦСС-трикови

Anonim

Имамо основно заглавље галерије, али недостају мали плави људи које је Ерица ставила на оригиналну илустрацију. Унапријед смо разговарали о томе и закључили да би било прилично цоол да људи, када се смањи величина екрана, остану на мјесту док се зид галерије помјера иза њих, па изгледа некако као да са страхопоштовањем прегледавају галерију.

Будући да су графике људи чисто орнеманталне, коришћење ознака за њих није идеално. Срећом постоје два и на сваком елементу ( ::beforeи ::after) добијамо два бесплатна псеудо елемента . Користимо их за њихово додавање.

У овај видео уводимо концепт који ће и даље бити користан, концепт „реверсо медијских упита“. У овом дизајну углавном радимо на радној површини, тако да су наши медијски упити углавном засновани на max-width. Али ако поставимо исте медијске упите на основу min-width, можемо циљати екран само када је већи од одређене величине, а не мањи.

У овој околности, графика људи једноставно не стаје на мале екране. Дакле, користимо реверсо медијски упит да бисмо их учитали, на тај начин ћемо их учитати на великим екранима на којима раде, али не на малим екранима. То је боље него стално их учитавати и скривати на малим екранима.