Responsive page using css Flexbox

You can set the container in the middle of the screen whatever user changes it when you add these properties to it in CSS:

.container {
  display: absolute;
  top:50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

the new feature is transform, it has many lovely properties you can discover, I personally love it. Hope it's useful

You need to change width of container 320px and border-radius 20px

/* parent-container */
.main {
    width: 320px;
    border-radius: 20px;
}

nice job bro 👌