/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

0 vote142 views1 answer
Htmlspecialchars() expects parameter 1 to be string array given in laravel blade
TypeScript
0 vote148 views2 answers
Multiple hosts in same role
TypeScript
1 vote149 views1 answer
COPY FROM instructs the PostgreSQL server process to read a file. You may want a client-side facility such as psql's \copy.
TypeScript
1 vote149 views1 answer
Import on save typescript
TypeScript
0 vote130 views1 answer
Cannot find name 'application' nativescript
TypeScript
0 vote143 views1 answer
How to align text inside an li to its center
TypeScript
3 votes124 views1 answer
Can't bind to 'formcontrol' since it isn't a known property of 'input'.
TypeScript
0 vote139 views2 answers
Rails precompile assets production
TypeScript
1 vote131 views1 answer
Ract import image
TypeScript
0 vote159 views1 answer
Turn off suspend and sleep tagets system d
TypeScript