/TypeScript/Whats the best ways to 3 x 3 perfects squares on a webpage using flexbox

Whats the best ways to 3 x 3 perfects squares on a webpage using flexbox

Css flexbox syntax

Display: flex 
Flex-direction: row | row-reverse | column | column-reverse
align-self: flex-start | flex-end | center | baseline | stretch
justify-content: start |  center | space-between | space-around | space-evenly

Source: nethub.af

Whats the best ways to 3 x 3 perfects squares on a webpage using flexbox

.parent {
  display: flex;
  height: 300px; /* Or whatever */
}

.child {
  width: 100px;  /* Or whatever */
  height: 100px; /* Or whatever */
  margin: auto;  /* Magic! */
}

Source: css-tricks.com

Similar codes

1 vote190 views1 answer
How do you generate test data
TypeScript
0 vote258 views1 answer
Vue bootstrap tooltip
TypeScript
0 vote173 views1 answer
Loading assets in ionic react
TypeScript
0 vote204 views1 answer
How to add 3d objects folder to this pc windows 11
TypeScript
-2 votes195 views1 answer
How to randomly generate a string in ts
TypeScript
1 vote171 views1 answer
Get posts from selected taxonomy
TypeScript
0 vote203 views5 answers
How to css after elements for background overlays
TypeScript
1 vote249 views1 answer
Class-validator validate nested object
TypeScript
0 vote203 views1 answer
Type callback typescript
TypeScript
0 vote199 views1 answer
Google sheets find last cell with value in range
TypeScript