Skip to content
OverviewSolutions
34
Comments
13
Ola
@Great-kiola

All comments

  • AdamsRuth1•20
    @AdamsRuth1Submitted about 1 year ago

    I'm not so sure of my code responsiveness and i am really finding it difficult setting my code to adjust to various screen sizes

    i used HTML,CSS

    3
    Ola•520
    @Great-kiolaPosted about 1 year ago

    Hello, you might need to import the font for the project as this would make the project more consistent and beautiful

    0
  • Ola•520
    @Great-kiolaPosted about 1 year ago

    Hello, looks like you submitted the wrong project, check and fix this.

    0
  • Cassia Moraes•130
    @cassialitySubmitted over 1 year ago

    I worked for do this page using javascript for the buttons, I used too SASS in my style. I accept all help, especially in the recursive div when click. Thanks!!!

    Faq Accordion Card Main

    2
    Ola•520
    @Great-kiolaPosted over 1 year ago

    Hello, congratulations on completing the project, however there are few changes you need to make

    • The accordion needs to close when another one open, or the container just overflows the container, when all is opened at once, and
    • The woman and the box are not in the right place they need to be.

    You're welcome.

    2
  • Ola•520
    @Great-kiolaSubmitted over 1 year ago

    I have completed this project but there are some simple details that I messed that I would like some help on 1: the images are suppose to be inside the container but they are overlapping, I have no idea how to fix that but later ended making it as a feature. 2: I need to close the opened accordion when another opens so I don't have an overlapping container

    Would appreciate if meaningful solution is provided.

    Faq-Accordion

    2
    Ola•520
    @Great-kiolaPosted over 1 year ago

    The accordion worked, Thanks for that but the according to the code you provided, the images are still overlapping.

    0
  • Ola•520
    @Great-kiolaPosted over 1 year ago

    Hello, nice job trying to complete the challenge, However, there are still some changes you still need to make, 1 - You need to import the font required from google font to your CSS file. 2 - The colour you also use doesn't really match the colours required, that needs to be fixed also. 3 - Your overview today text is not aligned with the boxes.

    0
  • Kauã de Souza•260
    @SouzaSantosKSubmitted over 1 year ago

    This challenge was relatively easy. I understood well how 'display: grid' works, but I had a doubt, not only in this challenge, but also in others: the use of 'margin' to manipulate text (<p> tags) in a way that it looks similar to the original design. In addition to being repetitive, I found this practice completely disadvantageous, because in challenges with more text, manual resizing can be very laborious. If anyone has a solution to this problem, it would be greatly appreciated. Example:

      .card-1 p {
    margin-right: 40px;
  }

  .card-2 p,
  .card-5 p {
    margin-right: 20px;
  }

  .card-3 p {
    margin-right: 25px;
  }

  .card-4 > p {
    margin-right: 50px;
  }

    Testimonials Grid Section, HTML & CSS (hover and full responsive)

    1
    Ola•520
    @Great-kiolaPosted over 1 year ago

    loved how you added your own spice to the sauce, made it look nice, great work

    1
  • Ola•520
    @Great-kiolaPosted over 1 year ago

    Hello, great work, but it seems the light and dark mode button doesn't work

    1
  • Furk•600
    @doganfurkanSubmitted over 1 year ago

    This is the first time I've tried to do a pixel-to-pixel replicate of the design. It is not a very complex build, but I've spent more time on the CSS than usual to make it perfect. For the people planning to do this challenge anytime soon, I recommend you to have a look at the cache property for fetch API.

    Responsive advice generator app with light theme, flexbox and fetchAPI

    1
    Ola•520
    @Great-kiolaPosted over 1 year ago

    This is perfect, I love it!!!

    1
  • Ola•520
    @Great-kiolaPosted over 1 year ago

    The fact that you got your solution and design to be aligned really impressed me. Great work.

    1
  • Ana•230
    @alauramSubmitted over 1 year ago

    I found this challenge very funny, I used it to remember the things I learned before going to the next step, JavaScript. I tried very hard to put the background image, but it didn't work, I would be glad if I get some help.

    Order Summary Component

    2
    Ola•520
    @Great-kiolaPosted over 1 year ago

    hello, as for me i added this block of code in my body tag

    body { background: url(./images/pattern-background-desktop.svg); background-repeat: no-repeat; background-size: contain; background-position: top; background-color: hsl(225, 100%, 94%); display: flex; justify-content: center; align-items: center; height: 100vh; flex-direction: column; font-family: 'Red Hat Display', sans-serif;
    }

    Marked as helpful
    0
  • Ola•520
    @Great-kiolaPosted over 1 year ago

    You have submitted this project to the wrong challenge. Check well before making submissions. And there are still some improvement you need to make

    0
  • Hugo Bolivar Webster III•10
    @BolleyBSubmitted over 1 year ago

    When I placed it in the repository, and clicked the site none of my CSS showed up but in VSCode everything worked fine. Hardest part was trying to fix the Repositorything and I still never fixed it.

    QR Code Component

    2
    Ola•520
    @Great-kiolaPosted over 1 year ago

    Hello, when I cloned your repo, here's what i discovered

    • your link tag to the CSS should be in head
    • and for the qr code image you are not pointing to the correct file. put this under the container div
    <img src="./qr-code-component-main/images/image-qr-code.png" alt="">
    0