Разполагаме с мрежата за галерията. За съжаление зареждането му е малко рязко и нестабилно. Това е така, защото CSS3 колоните са предназначени за равномерно разделяне на съдържанието между всяка от колоните, но изображенията понякога отнемат малко време за зареждане и все още нямат ширина / височина за използване. Така че, когато се появят, колоните трябва да се реорганизират.
Мисля, че можем да предотвратим тази нестабилност с някакъв JavaScript. Тъй като знаем височината и ширината на изображенията, можем да създадем поле с правилното съотношение, което да поставим там като заместител. След това, когато изображението се зареди, ще заменим заместителя с изображението.
В края на видеото сме на прав път, но е малко развален. Не се притеснявайте, ще го поправим в следващото видео.