Qr code component, usando CSS y Flex-box

Community feedback

• 

  MaximilianoDanielGarcia•1,980

  @MaximilianoDanielGarciaPosted about 1 year ago

  Hola Hernán,

  Felicitaciones por terminar tu primer desafío! Te dejo algunos consejos para tener en cuenta para éste y futuros desarrollos.

  • Lo primero y principal es centrar el componente. Existen varias maneras de hacerlo, las más famosas son Flex Box y CSS Grid. Para este caso yo haría algo así:

  body {
     display: grid;
     place-items: center;
     min-height: 100vh;
     backgroud: #D6E1F0;
  }
  

  • Luego, en tu componente agregaría esto:

  .container {
      background-color: white;
      padding: 15px 15px 30px 15px;
      border-radius: 15px;
  }
  
  

  Después que apliques estos estilos va a estar más parecido al diseño. Espero te sirva para seguir aprendiendo día a día. Saludos!

  Marked as helpful

  0