A Center widget centers its child both horizontally
and vertically.

To accomplish a similar effect in CSS, the parent element uses either a flex
or table-cell display behavior. The examples on this page show the flex
behavior.

display: flex;
    align-items: center;
    justify-content: center;
}

Center(
    child: Text(
      'Lorem ipsum',
      style: bold24Roboto,
    ),
  ),
);

Setting container width

Container
widget, use its

BoxConstraints widget with a

For nested Containers, if the parent’s width is less than the child’s width,
the child Container sizes itself to match the parent.