Responsive page using css Flexbox

Community feedback

• 

  Bader Idris•2,880

  @Bader-IdrisPosted over 1 year ago

  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

  Marked as helpful

  0

  ---

  

  Ashish Kumar Sharma•100

  @as90695Posted over 1 year ago

  @Bader-Idris thankyou for your feedback I will keep in mind.

  0
• 

  Nabil•240

  @Nabil-Nabil-NabilPosted over 1 year ago

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

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

  nice job bro 👌

  0

  ---

  

  Ashish Kumar Sharma•100

  @as90695Posted over 1 year ago

  @Nabil-Nabil-Nabil thankyou very much. I will definitely keep this in mind.

  1