/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 vote174 views1 answer
Java 8 collect multiple lists into single list
TypeScript
0 vote177 views2 answers
Typescript to c# converter
TypeScript
1 vote172 views1 answer
Get all documents in collection firestore flutter
TypeScript
8 votes219 views4 answers
How to check open ports mac
TypeScript
6 votes194 views3 answers
Print elements in map java
TypeScript
22 votes174 views2 answers
React native typescript children prop
TypeScript
11 votes176 views1 answer
How to remove dots in ul li
TypeScript
1 vote181 views3 answers
Flutter capitalize first letter textfield
TypeScript
1 vote189 views1 answer
No directive found with exportAs 'matAutocomplete'
TypeScript
13 votes191 views4 answers
Tsc.ps1 cannot be loaded because running scripts is disabled on this system
TypeScript