border-radius,margin,overflow,@media,display

Community feedback

• 

  ChrisGMD20•20

  @ChrisGMD20Posted 5 months ago

  You could center the QR card by using the absolute positioning and then fixing the top and left properties. something like:

  #qr-card { position: absolute; //so the card could be placed relative to the parent element, i.e., in this case the html page

  top: 50%; //so the card is shifted to half the page vertically from the top left:50%; //so the card is shifted to half the page horizontally from the left

  transform: translate(-50%, -50%)
  //so the card is shifted left and up half of its width and height for optimal centering }

  0
• 

  Annas-khan•120

  @Annas-khanPosted 6 months ago

  Great work, although I feel it would be better to have used multiple divs for multiple elements rather than having them all under one div tag

  0

  ---

  

  Zaraban6•70

  @Zaraban6Posted 6 months ago

  @Annas-khan You are right, but in the project. This is a small exercise and different tastes. Thank you for commenting

  0