Правка адаптивного дизайна в блоках категорий

This commit is contained in:
RedHood 2020-12-18 17:52:31 +10:00
parent 4df1b88e9e
commit b959ab2d09
2 changed files with 5 additions and 5 deletions

View File

@ -38,7 +38,7 @@ $this->title = 'SkillParts';
<h4 class="col gilroy categories_blocks_panel_title">Сопутствующие товары</h4> <h4 class="col gilroy categories_blocks_panel_title">Сопутствующие товары</h4>
</div> --> </div> -->
<div class="row mb-5 mb-md-0 px-3 px-md-0"> <div class="row mb-5 mb-md-0 px-3 px-md-0">
<div class="col-12 col-md-6 col-lg-4 mb-3 mb-md-0 py-0 d-flex flex-column"> <div class="col-12 col-md-6 col-lg-4 mb-4 mb-lg-0 py-0 d-flex flex-column">
<div class="px-3 px-xl-4 pt-3 d-inline-block category_block_title"> <div class="px-3 px-xl-4 pt-3 d-inline-block category_block_title">
<h4 class="m-0">Масла, смазки</h4> <h4 class="m-0">Масла, смазки</h4>
</div> </div>
@ -51,7 +51,7 @@ $this->title = 'SkillParts';
</dl> </dl>
</div> </div>
</div> </div>
<div class="col-12 col-md-6 col-lg-4 mb-3 mb-md-0 py-0 d-flex flex-column"> <div class="col-12 col-md-6 col-lg-4 mb-4 mb-lg-0 py-0 d-flex flex-column">
<div class="px-3 px-xl-4 pt-3 d-inline-block category_block_title"> <div class="px-3 px-xl-4 pt-3 d-inline-block category_block_title">
<h4 class="m-0">Электрооборудование</h4> <h4 class="m-0">Электрооборудование</h4>
</div> </div>
@ -61,7 +61,7 @@ $this->title = 'SkillParts';
</dl> </dl>
</div> </div>
</div> </div>
<div class="col-12 col-md-6 col-lg-4 mb-3 mb-md-0 py-0 d-flex flex-column"> <div class="col-12 col-md-6 col-lg-4 mb-4 mb-lg-0 py-0 d-flex flex-column">
<div class="px-3 px-xl-4 pt-3 d-inline-block category_block_title"> <div class="px-3 px-xl-4 pt-3 d-inline-block category_block_title">
<h4 class="m-0">Инструмент</h4> <h4 class="m-0">Инструмент</h4>
</div> </div>

View File

@ -19,6 +19,7 @@
.category_block_title h4 { .category_block_title h4 {
font-weight: 700; font-weight: 700;
word-wrap: anywhere;
} }
/* @media (max-width: 400px) {} */ /* @media (max-width: 400px) {} */
@ -33,8 +34,7 @@
.category_block_title { .category_block_title {
width: 100%; width: 100%;
} }
.category_block, .category_block, .category_block dl {
.category_block dl {
margin: 0 !important; margin: 0 !important;
padding: .5rem !important; padding: .5rem !important;
} }