All comments

• 

  Toshihiko S. Tani•160

  @toshihikotaniSubmitted almost 2 years ago

  May I if there's another technique to center the content without using margin or padding?

  Thank you

  

  QR Code Component Using CSS Flexbox

  4

  30
  

  PadseFIAE•70

  @PadseFIAEPosted almost 2 years ago

  Hello Toshihiko, to center the content u could use Display Flex like this:

  body { display:flex; justify-content:center; align-items:center; height:100vh; }

  than the content should be centered :)

  Nice solution by the way. It looks close to the original.

  greetz Padse

  Marked as helpful

  0

  This comment has received 1 replyShow
• 

  Natnael•50

  @NatnaelDemelashSubmitted almost 2 years ago

  I always find the media query(making responsive) part difficult.

  

  Product preview card component

  2

  40
  

  PadseFIAE•70

  @PadseFIAEPosted almost 2 years ago

  Hello Natnael,

  your solution for the desktop looks fine to me.

  A problem with the responsive design is the fixed sizes of Elements. Try to use % attributes, this should help u for the resize on any screens. But u allready get a Link from Deevyn9, i think that will explain it a little bit deeper.

  The different between % and vh is that vh take care of the Viewport and the % of the parent Element (i learnd yesterday).

  Hope my tip will help u in future :-)

  Marked as helpful

  0

  This comment has received 1 replyShow