Skip to content
OverviewSolutions
10
Comments
6
kml
@kmlson

All comments

  • kml•180
    @kmlsonPosted almost 2 years ago

    Colours included in this project below:

        --Cyan: hsl(179, 62%, 43%); 
     --BrightYellow: hsl(71, 73%, 54%); 
     --LightGray: hsl(204, 43%, 93%); 
     --GrayishBlue: hsl(218, 22%, 67%); 
     --White: hsl(0, 0%, 100%);

    I think you should use LightGray for the background

        background-color: var(--LightGray);

    And white for top element I hope that help :)

    0
  • kml•180
    @kmlsonPosted almost 2 years ago

    Colours included in this project below:

        --Cyan: hsl(179, 62%, 43%); 
     --BrightYellow: hsl(71, 73%, 54%); 
     --LightGray: hsl(204, 43%, 93%); 
     --GrayishBlue: hsl(218, 22%, 67%); 
     --White: hsl(0, 0%, 100%);

    I guess missing colour will be

        background-color: var(--LightGray);

    I hope that help :)

    0
  • Bożena•100
    @b-pietaSubmitted almost 2 years ago

    Hello🍓, it's time for a second project! I rarely use QR codes, the last time it was in a restaurant in Italy half a year ago and here we go with a QR code page. What do you suggest to change in the code? Cheers.😊

    QR Code Component Solution

    2
    kml•180
    @kmlsonPosted almost 2 years ago

    For simplyfy your calculations you can use

    html {
font-size:62.5%; 
}

    1 rem =10px

    1
  • Abieb_Guardian•200
    @AbibGuardian50Submitted almost 2 years ago

    I have a lot questions for this

    1. When i click the button to make api call,why ID and Advice is sometimes not synchronize,for example,ID 116 and the quotes is "It is easy to sit up..." ,but sometimes what it shows is ID 116 but with another quotes.

    2. How to make SVG and HR so close each other?because SVG is so wide so the Horizontal Lines (HR) is place in the end of container

    Any feedback is welcome,your feedback makes me better and improve every day

    Advice Generator App with Fetch API

    1
    kml•180
    @kmlsonPosted almost 2 years ago

    Every time when you run showRandomUserData the random number are generate twice first for your ID then for advice. Insted doing that save your random number in variable then pass to your function.

    let random = Math.floor(Math.random() * 5);
 document.getElementById('id').innerText =
        `${randomUser[random)].ID} `

    You don't need to use hr tag in this project just change colors of your background

    body {
    background-color: hsl(218, 23%, 16%); 
}

.main-content {
    background-color: hsl(217, 19%, 24%); 
}

    I hope that help you.

    You can check my solution

    Marked as helpful
    0
  • martinwc•80
    @martinwcSubmitted almost 2 years ago
    • Having some trouble in the mobile version to align the header to the center with the rest of the page.
    • Also had some trouble aligning the ratings to the center as well to make the page "flow" well.

    Feedback is appreciated. Thank you!

    Social Proof responsive web page using HTML and CSS

    1
    kml•180
    @kmlsonPosted almost 2 years ago

    In quick view of your solution I notice the testimonial photos are not rounded img { border-radius: 50%; margin-right: 32px; }

    and this background is in diffrent position then in provided design

    Marked as helpful
    0
  • kml•180
    @kmlsonPosted almost 2 years ago

    thanks for you tip I definitely use it. btw link for your solution is not working can you fix it?

    0