Добавяме малко отзивчивост към мрежата, която сме настроили за Галерията. На най-широките екрани имаме четири колони. След това започваме да добавяме точки на прекъсване чрез нашите супер лесни @mixins, които сме настроили и използваме отново.
В нашата точка за прекъсване на мама-мечка слизаме до 3 колони, след това правим междинна точка на прекъсване между мама-мечка и бебе-мечка, където се разделя на 2 колони, след което в крайна сметка 1 колона при бебе-мечка. Това е изключително лесно, тъй като всичко, което трябва да направим, е да коригираме колко колони задаваме чрез CSS3 column-count.
В края на видеото говорим за бъдещи цели за галерията. Би било хубаво да можете да зареждате различен брой изображения на различни размери на екрана и да използвате действителни миниатюри вместо изображения в пълен размер. Може би един ден ще стигнем там.
За протокола, софтуерът, който използвам локално за заснемане на екранни снимки и качването им на сървъра чрез FTP, е LittleSnapper.
