Карточки в 3 колонки почему не выходит?

Question

[Артем Масиков]

Не выходит сделать колонки 3 в ряд. Не понимаю как решить проблему и где допустил ошибку.

https://codepen.io/sport_defense/pen/xxKwByP

Comments

[Alex]

на codepen перенесите

[Артем Масиков]

Alex, h1ttps://codepen.io/sport_defense/pen/xxKwByP

[FeST1VaL]

Артем Масиков, вы то сами понимаете что пытаетесь сделать?
Особенно тут:


Вы понимаете что вы там скоро потеряетесь что делает какой класс? это как называть class1 class2 class3 class4... итд

[FeST1VaL]

Артем Масиков, вы дублируете Стили блоков .div-cart-complex-main, .div-cart-complex-main, .div-cart-complex-main ЗАЧЕМ!?

Вы можете дать им класс тот же .div-cart в котором будут указаны свойства... а вот что будет уже различаться, то менять через второй... т.е

<div class="div-cart__list">
	<div class="div-cart div-cart-complex-main">	</div>
	<div class="div-cart div-cart-1x1-main"></div>
	<div class="div-cart div-cart-run-main"></div>
</div>

.div-cart {
	width: 327px;
	height: 285px;
	background: #fff;
	-webkit-box-shadow: 0 9px 10px 0 rgba(0,0,0,0.39);
	-moz-box-shadow: 0 9px 10px 0 rgba(0,0,0,0.39);
	box-shadow: 0 9px 10px 0 rgba(0,0,0,0.39);
}

.div-cart-complex-main {
 background: red;
}

И прочитайте про стили наименований классов, это вам сильно упростит жизнь, как минимум тому кто после вас будет что то делать на этом сайте или меня и другие людей с тостера))) тк такой код не реально читать, я прост сегодня добрый, а так я согласен с Alex