Responsive Product Preview Card Component | Insp by Kevin Powell's Sol

Community feedback

• 

  Steven Croft•170

  @scroft001Posted over 1 year ago

  If you wanted to get it to the center of the viewport you could add this to the parent element:

  main{
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100vh;
  }
  

  You could also try using grid but to me that is not as intuitive.

  2

  ---

  

  Shashikant•430

  @shashikantdev3Posted over 1 year ago

  @scroft001 Thanks, I centred it using the below code.

  body{
    display:grid;
    place-content:center;
    margin: 1rem;
   }
  

  0
• 

  José Alfredo Mário Dos Santos•160

  @Josemario17Posted over 1 year ago

  great work, but it isn´t in center viweport

  1

  ---

  

  Shashikant•430

  @shashikantdev3Posted over 1 year ago

  @Josemario17 Yes, updating my solution.

  0