مشکل در قالب بندی یک صفحه در html و css

سلام، در مورد قالب بندی صفحه ای که پیوست کردم چند سوال داشتم.

1. قسمتی که عکس قرار داره و کنار اون متن هست، وقتی اندازه صفحه رو کوچک میکنم متن کنار عکس زیر عکس نمیره و فقط کنار هم کوچک میشن. منظورم حالت responsive هست.
2. سوال دوم اینکه ۴ عدد تگ div دارم که داخل تصویر مشخصه. میخوام این ۴ تا تگ اندازه یکسان داشته باشن. در این تصویر ۲ تا تگ div کنار هم یک بلوک کامل رو اشغال کردن. میخوام کوچتر باشن و حجم کمتری از بلوک رو اشغال کنن. از height و width استفاده کردم و اینکار انجام میشه ولی موقعی که سایت را برای حالت موبایل باز می کنم فاصله ای که بین این تگ ها و لبه های کناری به وجود اومده باعث میشه سایت در حالت موبایل خوب نمایش داده نشه.
3. متن داخل این div ها رو justify کردم. وقتی صفحه رو کوچک میکنم متعاقبا این div ها هم کوچک میشن (responsive) ولی بین کلمات داخل این div ها خیلی فاصله قرار میگیره. راهی برای حل این مشکل هست؟