我正在尝试通过遵守此规则在每行中创建一个包含不同元素的flexbox:
这是我的代码
.blocWrapper {
border: 1px solid red;
display: flex;
justify-content: center;
align-items: center;
}
.blocWrapper .blocContainer {
display: flex;
justify-content: center;
align-items: center;
flex-wrap: wrap;
border: 1px solid black;
width: 65%;
padding-top: 45px;
}
.blocWrapper .blocContainer .bloc {
width: 300px;
height: 180px;
box-shadow: 0 0 3px rgba(0, 0, 0, .2);
margin: auto;
text-align: center;
font-family: raleway;
word-break: break-word;
display: flex;
align-items: center;
flex-direction: colomn;
}
.blocWrapper .blocContainer .blocTitre {
font-size: 20px;
font-weight: 700;
color: blue;
margin: …Run Code Online (Sandbox Code Playgroud)