CSSでflexを設定できたのですが、全体を中央にしたいです。 CSSflex </html> <body> <div class="flex"> 0 1 2 3 4 5 ...--prophetes.ai

CSSでflexを設定できたのですが、全体を中央にしたいです。 CSSflex </html> <body> <div class="flex"> 0 1 2 3 4 5 6 7 8 9 </div> </body> </html> .flex { display: flex; flex-direction: row; flex-wrap: wrap; } .flex>* { flex-basis: 300px; background: #fff; text-align: center; } .flex>* { border: 1px solid #aaa; }

flex flex flex **Flexbox ** Grid Layout

.grid {
display: grid;
grid-template-columns: repeat(auto-fill, 300px);
justify-content: center;
}

.grid>* {
flex-basis: 300px;
background: #fff;
text-align: center;
border: 1px solid #aaa;
}