All comments

• 

  Eni• 180

  @EnidaShehu

  Submitted about 1 year ago

  1. What could I have done differently without using Bootstrap?
  2. What is something that needs to be changed about the code?

  

  QR Code - Solution

  4

  9

  0

  

  Yemi• 40

  @layerdbag

  Posted about 1 year ago

  Your solution does not include semantic HTML. For example, you could wrap your component in an article element which will be placed in a main element to make it more semantically acceptable.

  0
• 

  Eni• 180

  @EnidaShehu

  Submitted about 1 year ago

  1. What could I have done differently without using Bootstrap?
  2. What is something that needs to be changed about the code?

  

  QR Code - Solution

  4

  9

  0

  

  Yemi• 40

  @layerdbag

  Posted about 1 year ago

  You actually do not need bootstrap for this challenge as it is a single component that can be done using CSS. You could center your component by using:

  html, body { 
   min-width: 100%;
   min-height: 100%;
   display: flex; 
   justify-content: center; 
   flex-direction column;
  }
  

  You could also add a box-shadow on the card component to make it look like the design.

  .card { box-shadow: 0px 5px 7px var(--color); } /* where --color is your chosen color*/

  1