سلام
خیلی بهتر شد. فقط دونکته.
1- به جای section از div استفاده کن. وقتی از section استفاده می کنی حتما باید یه تگ h1 تا h6 داشته باشی و این اصلا مورد تائید www نیست. ولی تو div نیازی نیست داشته باشی. پس از div استفاده کن.
2- کلاس های col رو از سایز کوچیک به بزرگ بنویس. یعنی مثلا اول برای سایز sm باشه و در آخر سایز xl که به نظر میاد اینمورد رو رعایت کردی
3- کلاس های col ای که تعداد ستون یکسان دارن رو تکرار نکن. مثلا الان یه جا همچین چیزی نوشتی
<div id="block-center" class="col-12 col-sm-12 col-md-8 col-lg-7 col-xl-6">
با توجه به نکته 2 و 3 باید اینطوری بنویسی
<div id="block-center" class="col-12 col-md-8 col-lg-7 col-xl-6">
چون تعداد ستون ها همیشه از سایز کوچیک به بزرگ ارث می رسه. یعنیوقتی جایی زدی col-12 ، این اندازه به سایز xl هم داده میشه و دیگه نیازی نیست بنویسی col-xl-12
4- یه جایی نوشتی
<div id="block-right" class="col-lg-2 col-xl-2 hidden hidden-sm hidden-md ">
کلس hidden رو برای دو تا سایز sm و md نوشتی. باتوجه به اینکه از سایز sm محتوا مخفی میشه، دیگه نیازی نیست دوباره برای سایز md هم تکرار بشه. پس کد بالا رو به این شکل ویرایش کن
<div id="block-right" class="col-lg-2 col-xl-2 hidden hidden-sm ">
ولی گر قراره محتوا در سایز sm مخفی باشه و در سایز مثلا lg دیده بشه باید این شکلی بنویسی
<div id="block-right" class="col-lg-2 col-xl-2 hidden hidden-sm d-lg-block ">
5- نکته آخر اینکه یادت رفته کلاس clearfix رو به کدهات اضافه کنی. کلاس مهمیه. بروببین چکار می کنه تا درکش کنی