qr-code-component

Community feedback

• 

  Michael Johnson•970

  @mikej321Posted over 1 year ago

  Hello there, Aleksandr and congrats on finishing your first project!

  A few pointers that can help this more closely to the finished design...if you add a 'padding-inline' of 1rem to the .wrapper-desc as well as adding around 1.3rem of line-height to it, you can make the final paragraph closer to the design.

  Furthermore, changing the h2 tag's 1.25 rem to maybe 1.4rem would match the design a little better.

  Finally, I would remove all of the position elements and transforms that are located on your wrapper and instead, plug this into the body tag. set the min-height of it to 100vh, this will make the body a full height so you are able to position correctly. Next, apply these styles to the body tag as well 'display: flex;' 'flex-direction: column;' 'align-items: center;' 'justify-content: center;' 'gap: 1rem;'

  More info on flexbox is located within this link

  https://css-tricks.com/snippets/css/a-guide-to-flexbox/

  I wish you luck on your studies, you did great!

  Michael

  Marked as helpful

  0

  ---

  

  Aleksandr Ulyanov•30

  @sashaulyPosted over 1 year ago

  @mikej321 , thanks for your help!

  0