QR Code Component (CUBE CSS)

Community feedback

• 

  Saul•1,260

  @xsaulPosted over 2 years ago

  Hello Rodney! I've been checking out your code and there are a few things to improve.

  I added a width value to the card of 290px. Like that the card has less white space on the sides.

  Nor the title nor the paragraph need padding, so if you remove it can look more similar to the original design. Also for the paragraph, I changed the line-height value to: 1.3.

  Answering your question, to make the position higher of the text "Challenge by..." just add a margin-top with a negative value, I think -5rem looks good. But if you do that you would need to check it out in the media queries and be changing the value according to the screen size

  But in general, you did a nice job, congrats!

  Marked as helpful

  1
• 

  Willy Fajar Ramadhan•360

  @wllyvxPosted over 2 years ago

  Hi Rodney! This looks great! Try to play around with line-spacing property on your css. About your "Challenge by", I think it's because your "attribution" div is outside of your main container. Try to move the div to inside of your main container

  Marked as helpful

  1