Skip to content
OverviewSolutions
42
Comments
19

Gift Amachree

@jen67Lagos, Nigeria870 points

Hello, my name is Gift Amachree, and I am a passionate upcoming front-end web developer. I am deeply enthusiastic about creating beautiful and user-friendly websites that deliver engaging experiences.

Latest solutions

View more solutions

Latest comments

  • Tksmith•240
    @Tksmith-guru
    What are you most proud of, and what would you do differently next time?

    I'm proud of the fact that I'm growing and getting better at coding, it still surprises me that I was able to complete this in just 2 days. I wouldn't really do anything differently

    What challenges did you encounter, and how did you overcome them?

    I had issues in centering and making the barcode responsive but I figured it out I had to start from scratch and write all the styles all over again

    What specific areas of your project would you like help with?

    I would need help in functionally,so far I'm quite competent in html and css but I would need help with innovating JavaScript in this

    Responsive barcode

    #accessibility#contentful#cube-css#styled-components#web-components
    1
    Gift Amachree•870
    @jen67

    "Hi Tksmith-guru,

    I noticed that the link to your live preview for the QR code challenge is broken. I followed the link to your GitHub page and realized that the issue might be with the repository name. Here's the corrected link: https://tksmith-guru.github.io/QR-code-Component-/

    Best regards,"

  • Gift Amachree•870
    @jen67

    @mbongoelvis

    Hello mbongoelvis,

    I attempted to visit your website recently but encountered a 404 error indicating that the page could not be found. It might be worth checking the project link and making any necessary adjustments.

    Best regards,

  • Gift Amachree•870
    @jen67

    Hi MSHCHEBETYUK,

    Your solution is fantastic! I noticed a small issue—the entire webpage content isn't showing, likely due to the overflow-y: hidden in your CSS. Consider checking and adjusting it:

    body, html {
    overflow-y: hidden;  /consider adjusting or removing this line of code/
}

    Hope this helps improve your webpage display.

    Best regards.

  • Gift Amachree•870
    @jen67

    Hi @Muhammed61699,

    I hope this message finds you well. I noticed that your site is currently not displaying.

  • Gift Amachree•870
    @jen67

    Hi @pradeeps033,

    Your solution to this coding challenge is beautiful. Regarding your questions about the use of padding: Paddings are spaces added inside the content of an element, while margins are spaces outside an element that control its position in relation to other elements.

    For a more in-depth understanding, you can check out this resource:

    w3schools

    Marked as helpful
  • Gift Amachree•870
    @jen67

    Hi @Rrdesh07,

    Your code and card design are well done! To center an image without using flexbox, you can try using the text-align property on the parent container and set margin: 0 auto; for the image. This centers the image horizontally within its container. Here's an example:

    .card {
  text-align: center;
}


img {
  max-width: 100%;
  display: block;
  margin: 0 auto; /* Center the image horizontally */
}

Feel free to give it a try, and let me know if it helps!
    Marked as helpful
View more comments