Skip to content
OverviewSolutions
5
Comments
3
Sadeep Ariyarathna
@elemenceOR

All comments

  • Sadeep Ariyarathna•120
    @elemenceORPosted over 1 year ago

    try min-height: 100vh; in the flex container. So it will look something like this.

    body {
    background-color: rgb(223, 231, 238);
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 100vh;
}
    Marked as helpful
    0
  • Moritz Rose•90
    @moritzroseSubmitted over 1 year ago

    1.) If you could tell me, how to make the Font-Family Outfit bold, please tell me. I had to use Open Sans, cause Outfit doesn't work with font-weight: bold/900; 2.) Is there a unit, to make the size of containers etc. suitable for smaller/bigger devices - to make it responsible? I feel like I got lucky, that my container perfectly fits the mobile-version width and height, but I want to be in control of that.

    QR code component

    3
    Sadeep Ariyarathna•120
    @elemenceORPosted over 1 year ago

    Hey Moritz, did you include the weigh 900 when you selected fonts from google font? the import should look something like this,

    <link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Hanken+Grotesk:wght@500;700;800&family=Outfit:wght@400;700;900&display=swap" rel="stylesheet">
    0
  • Sadeep Ariyarathna•120
    @elemenceORPosted over 1 year ago

    You did a good job. But there are few things you can improve.

    • the numbers inside the circles are not properly centered.
    • gap between the circles and the paragraph is not there.

    Good luck.

    Marked as helpful
    0