All comments

• 

  Ben-Ricketts•80

  @Ben-RickettsSubmitted over 1 year ago

  I changed it up a little bit to make it feel like my own a bit. couldnt figure out how to find the right fonts.

  

  HTML, CSS and Javascript

  1

  20
  

  Stefan3002•140

  @Stefan3002Posted over 1 year ago

  The fonts are provided in a file in the starter pack. They link to Google Fonts from where you can download them (include them in HTML).

  Marked as helpful

  0
• 

  karan-5•60

  @karan-5Submitted over 1 year ago

  I found some difficulty in arranging the components. I am not sure about the vertical alignment of the main container. I want to know about the best practice of aligning the component.

  

  QR component using FlexBox

  2

  40
  

  Stefan3002•140

  @Stefan3002Posted over 1 year ago

  To center something the right way you should wrap that element in a div that spans the whole screen (in this case you can actually use the body itself) and then say:

  display: flex; justify-content: center; align-items: center;

  This way you will get a centered component inside the wrapper.

  1

  This comment has received 2 repliesShow
• 

  russel-mempin•10

  @russel-mempinSubmitted over 1 year ago

  How do I make the transition from mobile to web smooth? When I resize the browser slowly, I can notice the transition of the media query.

  Is there a better way to center the qr code and put the footer at the bottom of the page?

  

  Responsive QR Code but the transition from mobile to web is noticeable

  2

  40
  

  Stefan3002•140

  @Stefan3002Posted over 1 year ago

  You can't really make it smooth, but you do not have to as you will always be handed the "version" that suits the width of your device. Some browsers smoothen it out, but it is just for aesthetics.

  0