Hello. There is a piece of typesetting.

<div class="col-md-7"> <div style="text-align: center; margin-top: 25px;"><span style="text-align: center; color: #000000; font-size: 36px; font-family: arial, sans-serif;">ПО ШИРИНЕ</span> </div> <div class="col-md-3 col-md-offset-1" style="text-align: center;"> <div style="padding-bottom: 32px; padding-top: 52px; text-align: center;"><span class="size_product" style="text-align: center; color: #000000; font-family: arial, sans-serif;">280 <span style="font-size: 24px;">ММ</span></span></div> <img src="image/fifth/wood_bottom_1.jpg"> </div> <div class="col-md-2" style="text-align: center;"> <div style="padding-bottom: 32px; padding-top: 52px; text-align: center;"><span class="size_product" style="text-align: center; color: #000000; font-family: arial, sans-serif;">200 <span style="font-size: 24px;">ММ</span></span></div> <img src="image/fifth/wood_bottom_2.jpg"> </div> <div class="col-md-2" style="text-align: center;"> <div style="padding-bottom: 32px; padding-top: 52px; text-align: center;"><span class="size_product" style="text-align: center; color: #000000; font-family: arial, sans-serif;">180 <span style="font-size: 24px;">ММ</span></span></div> <img src="image/fifth/wood_bottom_3.jpg"> </div> <div class="col-md-2" style="text-align: center;"> <div style="padding-bottom: 32px; padding-top: 52px; text-align: center;"><span class="size_product" style="text-align: center; color: #000000; font-family: arial, sans-serif;">150 <span style="font-size: 24px;">ММ</span></span></div> <img src="image/fifth/wood_bottom_4.jpg"> </div> <div class="col-md-2" style="text-align: center;"> <div style="padding-bottom: 32px; padding-top: 52px; text-align: center;"><span class="size_product" style="text-align: center; color: #000000; font-family: arial, sans-serif;">120 <span style="font-size: 24px;">ММ</span></span></div> <img src="image/fifth/wood_bottom_5.jpg"> </div> </div>

5 pictures: 1 fat 2 medium 2 small.
At low resolutions, the pictures are not included in the width of the blocks, the pictures are too wide.
Did the pictures width:100% In width, everything is fine then, but the height at the same time the pictures become different.

  • What are the sizes of the pictures, the width of the blocks, etc. need to imagine yourself? - Sasha Omelchenko
  • At different resolutions, it is different, that the block that the picture has, - at low resolutions (less than 1400) the width of the picture is larger than the block. 1366 - 185 and 165px wide - votanko
  • If you did width: 100% , while the pictures were compressed and became different heights, then this means that without compression they are of different heights, right? After all, reducing the width proportionally reduces the height without disturbing the aspect ratio. - Sasha Omelchenko
  • This is the problem, the pictures in the initial state (183x538, 131x538, 131x538, 120x538, 120x538), if I make the width: 100%, they are wide in width compressed in the width of the block (the blocks are different) and the height of the pictures are different. - votanko
  • then, since you have the same height with different widths, you need to select a height value at which everything will be ok. something like this: @media (max-width: 1366px) { img { height: 400px; } } @media (max-width: 1366px) { img { height: 400px; } } - Sasha Omelchenko

0