Uso de Display Flex para acomodar los items e imagenes del Avatar.

Community feedback

• 

  David•8,000

  @DavidMorgadePosted over 2 years ago

  Buenas Titor, muy buen trabajo te quedo muy bien tu componente enorabuena!

  Como consejo te podría decir que intentaras alinear el componente justo en el centro de la pantalla, con margin solo se te está alineando horizontalmente, esto puedes conseguirlo facilmente dandole flex al elemento padre (que en este caso es el body), prueba a quitarle el margin a tu main y pon tu body así:

  body { 
  font-size: 18px;
  font-family: 'Outfit', sans-serif;
  background-color: var(--Very-dark-blue-main);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 100vh;
  }
  

  Espero que te sirva de ayuda para próximos proyectos! buen trabajo.

  0