Sagar Joshi

Latest comments

• 

  sushmavy•10

  @sushmavySubmitted over 1 year ago

  

  Responsive page using flex display.

  2

  110
  

  Sagar Joshi•60

  @leoemnPosted over 1 year ago

  hey, just made some changes in your css. this should help you put your box in center

  body {
      height: 99vh;
      margin: auto;
      display: flex;
      align-items: center;
      justify-content: center;
      background-color: hsl(212, 45%, 89%);
  }
  

  I added
  display: flex; align-items: center; justify-content: center; to make your container in the center. after that

  .container {
      width: 60%;
      height: 50%;
      max-width: 30rem;
      margin: auto auto;
      background-color: white;
      border-radius: 15px;
      padding: 10px;
  }
  

  changed the width and height of container.

  removed all the styling from the big-container as we do not need them at this point. it will fix your problem. hope this solution is useful for you.

  0
• 

  Arjuna Satria•20

  @arjunastrwSubmitted over 1 year ago

  

  Grid with Flexbox

  #accessibility

  1

  50
  

  Sagar Joshi•60

  @leoemnPosted over 1 year ago

  most difficult part during this challenge was to put QR code in the center, as I have no Idea about how to use flex.

  0