qr-code-component-main First solution with HTML and CSS

Community feedback

• 

  P

  Alfie Mitchell•190

  @alfiemitchell123Posted about 1 year ago

  Great job with the solution! Your text layout issue might be because of the padding on the text div. Try removing the padding from .text and keeping the padding on the .card div. You can then set padding-top on the h1 and p tags to space them out.

  This may work, but apologies if not!

  .text {
      font-size: 15px;
  }
  
  
  .text h1 {
      padding-top: 10px;
      color: hsl(218, 44%, 22%);
  
  }
  
  .text p {
      padding-top: 10px;
      color: hsl(220, 15%, 55%);
  }
  

  Marked as helpful

  0

  ---

  

  jclomu•40

  @jclomuPosted about 1 year ago

  @alfiemitchell123 thanks for your help. I was able to fix it. I will pay more attention to those details for the following challenges.

  0