Skip to content
OverviewSolutions
9
Comments
3
Danyel Varejão
@danyelvarejao

All comments

  • Danyel Varejão•160
    @danyelvarejaoPosted 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
    @mindxcircusSubmitted 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
    Danyel Varejão•160
    @danyelvarejaoPosted 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
  • Danyel Varejão•160
    @danyelvarejaoPosted 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