Растяжение изображений FlexBox

@BlacKCheT · Регистрация: 11.03.2018

Author24 — интернет-сервис помощи студентам

Почему растягиваются? не встают в ряд...

HTML5

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <link rel="stylesheet" href="css/style.css">
</head>
<body>
    <div class="container">
            <div class="divs">
                <img src="img/1920x1080.jpg" alt="">
                <button class="btnAdd"></button>
                <button class="btnRemove"></button>
            </div>
            <div class="divs">
                <img src="img/1080x720.jpg" alt="">
                <button class="btnAdd"></button>
                <button class="btnRemove"></button>
            </div>
            <div class="divs">
                <img src="img/300x100.png" alt="">
                <button class="btnAdd"></button>
                <button class="btnRemove"></button>
            </div>
    </div>
</body>
</html>

HTML5

.container{
    margin: 0 auto;
      display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
 
.divs{
    flex-grow: 1;
  flex-basis: 125px;
  max-width: 300px;
  margin: 5px;
}

@BlacKCheT · 24.11.2018, 17:26 **[ТС]**

Скрин

@BlacKCheT · 24.11.2018, 18:21 **[ТС]**

решено, путь не правильный был..

@BlacKCheT Лучше не лучше, но лучше. 16 / 14 / 3 Регистрация: 11.03.2018 Сообщений: 422
	24.11.2018, 17:26 [ТС]	2
	Скрин Миниатюры 0

@BlacKCheT Лучше не лучше, но лучше. 16 / 14 / 3 Регистрация: 11.03.2018 Сообщений: 422
	24.11.2018, 18:21 [ТС]	3
	решено, путь не правильный был.. 0