בעיה בתצוגה רספונסיבית

שלום וברכה
מיקמתי שישה אייקונים – שלושה בשורה – ומתחת כל אחד כיתוב.
השתמשתי לשם כך – לכל אייקון: בוידג'ט תמונה, ולכל כיתוב: בוידג'ט כותרת.
משיקולי עימוד סימטרי (שהטקסטים והאאיקונים יתיישרו כראוי), בחרתי להפריד את האייקונים והטייטלים בוידג'ט מפריד.
כך כל שורת אייקונים וכיתובים נראית בבילדר:
תמונה תמונה תמונה
מפריד מפריד מפריד
כותרת כותרת כותרת

אבל פתאום שמתי לב שבהקטנה לתצוגה רספונסיבית, האייקונים מתמקמים אחד מתחת השני, ורק אח"כ הכיתובים אחד מתחת השני.
אני רוצה שהם יסתדרו אייקון+כיתוב שמתחתיו.
מה אתם מציעים?
(מצורף הקישור לדף הבית, שתראו).

תודה רבה!