/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 vote95 views1 answer
Create class angular
TypeScript
0 vote103 views1 answer
Does any event get triggered when checked value changes programatically?
TypeScript
1 vote112 views1 answer
How to add new line at n typography
TypeScript
0 vote100 views1 answer
What do you need local sccripts for
TypeScript
1 vote101 views1 answer
> [email protected] start > react-scripts start sh: react-scripts: command not found
TypeScript
0 vote90 views1 answer
If driver element exists python
TypeScript
0 vote111 views1 answer
Typescript Method Comments
TypeScript
0 vote88 views1 answer
Testing techniques
TypeScript
0 vote154 views2 answers
Minikube arguments --cpus
TypeScript
0 vote102 views1 answer
Real time charts in flutter
TypeScript