All comments

• 

  Mario Petkov•80

  @mariby21Submitted almost 2 years ago

  

  main technique i used is CSS Grid

  2

  30
  

  xpress-dev•120

  @xpress-devPosted almost 2 years ago

  You could have set your "arcticle" div to flex, set the flex- direction to column and give it a gap.

  .arcticle { display: flex; flex-direction: column; gap: 1rem; } This would nicely space your elements inside your div.

  Marked as helpful

  1

  This comment has received 1 replyShow
• 

  Ambe Mbong-Nwi Nchang•550

  @Ambe-Mbong-NwiSubmitted almost 2 years ago

  I wish to ask if there is another method to place a div at the center of the page without using the transform: translate style i used.

  

  QR component using HTML and CSS

  3

  50
  

  xpress-dev•120

  @xpress-devPosted almost 2 years ago

  You can set: body { display: flex; justify-content: center; align-items: center; }

  1

  This comment has received 1 replyShow