так точно работает, на хроме во всяком случае

А действительно, 2.5к грн на 2года идеально.. там акция к ДР, спасибо

скрин с доказательствами так сказать)

Как такое реализовать?

Странно, у меня хром и не работает. Так все равно проблема - изображение пропорции не сохраняет. Но все равно, скиньте приз css копипастом, а то у меня что-то не ресайзится

<style>
     * {
       margin: 0;
       padding: 0;
     }
     .body-wrapper {
       display: grid;
       grid-template-rows: auto 1fr auto;
       min-height: 100vh;
     }
     header {
       min-height: 50px;
       background-color: powderblue;
     }
     footer {
       min-height: 100px;
       background-color: aquamarine;
     }
     .main-wrapper {
       display: grid;
       grid-template-columns: auto 1fr auto;
     }
     aside {
       min-width: 100px;
     }
     main {
       display: grid;
       background-color: lightcyan;
     }
     img {
       max-width: 100%;
       height: 100%;
       display: block;
       margin: auto;
     }
     .aside-left {
       background-color: beige;
     }
     .aside-right {
       background-color: bisque;
     }
   </style>

перепроверил на fox-e там тоже не работает

хм. вставил ваш css, хром, макОС - не работает. У вас какой-то магический хром. Винда?

Вот так? https://jsfiddle.net/CyberAP/18cweors/3/

Linux

Там ещё overflow накинуть надо

Нет, попробуйте уменьшать высоту окна, сразу скрол появляется, а должен имэдж ресайзится

ие6 вообще не работает, даже гугл не открывается

о как.. по идее к маку близко, но у меня не ресайзит высоту тот же css

Вот с overflow скролла нет https://jsfiddle.net/CyberAP/18cweors/6/

Скрола нет, но изображение уходит под футер 8(

А куда ему ещё деваться?

уменьшаться

Будьте добры, посоветуйте хостинг для не большого интернет магазина

В какую сторону смотреть?