سلام. وقتتون بخیر

چون تصاویر رو از سیستم خودتون می‌خونه برای من باز نمی‌شه، لطفا تصاویر پروژه رو در سایت هایی مثل پیکو فایل یا یو آپلود (تو گوگل سرچ کنید آپلود عکس مثلا، سایت‌ها میاد براتون)، آپلود کنید و لینک تصاویر رو در src تگ img بذارید به جای آدرس دهی لوکال.

https://codeshare.io/mPmWV4

خدمت شما فقط تا جایی که میتونید زودتر 

درود. وقتتون بخیر
ابتدا بابت تاخیر در پاسخگویی عذرخواهی میکنم، تعداد سوالات زیاد شده. ممنون از صبوریتون.
اما سوالی که پرسیدید:
1. در این بخش شما پدینگ 10 پیکسل دادید که از همه جهات اعمال می‌شه و ساختار رو بهم می‌ریزه:

[class^="col-"] {
  float: right;
  padding: 10px;
}

معمولا به ستون‌ها پدینگ راست و چپ میدیم فقط، به این صورت تغییر بدید:

[class^="col-"] {
  float: right;
  padding-right: 10px;
  padding-left: 10px;
}

یه نکته: با inspect دوست شید، اینجا از طریق اینسپکت اگر رو المان مورد نظرکلیک می‌کردید، بعد پوینتر رو روی کلاس‌هایی که col- دارن می‌بردید (aside و article) متوجه می‌شدید یه پدینگ داره که از [class^="col-"] میاد.

2. برای کلاس team-member یه ارتفاع مشخص تعیین کنید مشکل حل می‌شه.