من مراحل رو درست رفتم ولی خروجی نداد و درضمن چیز هایی رو در این ویدیو گفتید که قبلا نگفته بودید
#can {
width: 85%;
margin: 100px auto;
height: 750px;
border: 2px solid#ddd;
border-radius: 5px;
display: flex;
flex-direction: column;
flex-wrap: wrap;
padding: 15px;
}
.imag {
border: 3px solid #ddd;
border-radius: 4px;
margin: 8px;
background-position: center center;
background-repeat: no-repeat;
background-size: 100% 100%;
}
.imag-sm { height:130px ;}
.imag-md { height: 150px;}
.imag-lg { height: 160px;}
.imag1{
background-image: url("../imag/1.jpg");
}
.imag2{
background-image: url("../imag/2.jpg");
}
.imag3{
background-image: url("../imag/3.jpg");
}
.imag4{
background-image: url("../imag/4.jpg");
}
.imag5{
background-image: url("../imag/5.jpg");
}
.imag6{
background-image: url("../imag/6.png");
}
.imag7{
background-image: url("../imag/7.jpg");
}
.imag8{
background-image: url("../imag/8.jpg");
}
.imag9{
background-image: url("../imag/9.webp");
}
.imag10{
background-image: url("../imag/10.jpg");
}
.imag11{
background-image: url("../imag/11.jpg");
}
.imag12{
background-image: url("../imag/12.jpg");
}
<html>
<head>
<link rel="stylesheet" href="css/css">
</head>
<body>
<div id="can">
<div class="imag imag1 imag-sm"></div>
<div class="imag imag2 hmag-md"></div>
<div class="imag imag3 imag-lg"></div>
<div class="imag imag4 imag-sm"></div>
<div class="imag imag5 hmag-md"></div>
<div class="imag imag6 imag-lg"></div>
<div class="imag imag7 imag-sm"></div>
<div class="imag imag8 hmag-md"></div>
<div class="imag imag9 imag-lg"></div>
<div class="imag imag10 imag-sm"></div>
<div class="imag imag11 hmag-md"></div>
<div class="imag imag12 mag-lg"></div>
</div>
</body>
</html>
