All comments

• 

  João Andrade• 20

  @joaoandraade

  Submitted over 1 year ago

  

  Qr Code Component 1.0

  2

  40

  

  P

  Danyel Varejão• 160

  @danyelvarejao

  Posted over 1 year ago

  Oi, vi que você é brasileiro, eu queria te ajudar com algumas dicas.

  Tenta usar nome mais intuitivos para classes, vi que você utilizou os nomes alto e baixo nas suas tags h1 e p, você poderia utilizar algo como titulo ou title na tag h1 e descricao ou description na tag p.

  Vi também que você utilizou a propriedade padding para dar espaçamentos externos entre os items, existe uma propriedade chamada margin que serve para isso.

  Espero ter te ajudado!

  0
• 

  mindxcircus• 10

  @mindxcircus

  Submitted over 1 year ago

  I find that ** I can't easily center the object vertically** with the usual use of 'display:flex', 'justify-content:center', and 'align-item:center' OR 'display:grid', 'place-item:center'. Tried to look at YT too but their solution doesn't fix mine. I had to use transform tag instead. Does anyone know why the usual solution to center vertically doesn't work for me? Is it a parent-child problem of the DIV?

  

  Single page QR Code in the center

  4

  80

  

  P

  Danyel Varejão• 160

  @danyelvarejao

  Posted over 1 year ago

  Hello, you need min-height: 100vh on body

  By default the body has a height according to the elements it has inside.

  body {
      margin: 0;
  
      min-height: 100vh;
      display: grid;
      place-items: center;
  
      font-family:'Outfit',sans-serif;
      background: hsl(212, 45%, 89%);
  }
  

  remember to remove translateY you used in .container

  I hope this was useful for you.

  Marked as helpful

  2

  This comment has received 1 replyShow
• 

  Essodeke PANIZI• 70

  @essodekepanizi

  Submitted over 1 year ago

  

  Results Summary Components Solution HTML and CSS

  1

  10

  

  P

  Danyel Varejão• 160

  @danyelvarejao

  Posted over 1 year ago

  Hello, already it is an excellent code that I see there :) But I can notice that the containeroverall and the containersummary don't have the same width.

  I think from your code you could use display: flex in secondcontainer and use width: 100% or flex: 1 in containeroverall and in containerssummary so that both are the same size.

  I really hope this will be useful to you.

  0