# 050: Изграждане на решетката на галерията - CSS-трикове

Съдържание

Започваме да разглеждаме оформлението на зоната на Галерията, което е нещо, което ми е на ум от началото на този процес на редизайн. Най-вече защото ... галерията във v9 беше доста гадна. Този път ще се справим по-добре.

Ще направим оформлението на галерията нищо друго освен голяма мрежа от изображения. Това са другите галерии, които е удоволствие да разглеждате, така че и това трябва да е така. С други думи: без странична лента, повече изображения.

Основаваме оформлението на безпроблемната отзивчива статия за фоторешетка, която направих преди време. По същество оставяме изображенията да попадат като вградени блокове в един родител, който използва CSS3 колони. За щастие, Компас има някои помощници, за да го направи още по-лесно. Улуците са направени чрез разстоянието между колоните и долния ръб.

За да симулираме някакво реално съдържание, използваме рандомизирани Place Kittens в цикъл.

Интересни статии...