All comments

• 

  HyperDE•10

  @HyperDESubmitted over 1 year ago

  In the beginning I wasn't sure of how to get the rounded corners of the different areas aswell as centering things vertically and horizontally.

  I am probably having the wrong font-weights and area sizes. I also weren't able to implement the custom fonts.

  How could I implement a custom font? Also, whats the best practice to centering something vertically and horizontally or is my solution I found on StackOverflow already a good one?

  StackOverflow solution:

  • top: 50%;
  • left: 50%;
  • -ms-transform: translate(-50%, -50%);
  • transform: translate(-50%, -50%);

  

  QR-Code

  2

  20
  

  charlie-techorse•70

  @charlie-techorsePosted over 1 year ago

  Instead of downloading the whole font you can just add it in your html. When you select the font style in google font you, on the rigth side of the screen you get the options you selected. and below that you have the google font import link and the way to use the font family in css. If the right side partial is not open it can be opened by clicking the top right icon in the menu.

  for centering I use a display: flex with justify-content:center(horizontal centering) and align-content: center(vertical centering)

  hope this helps

  0