bunee

@buneeIsSlobunee
Wonderland
980Points

uuhhh.....

Latest Solutions

  • Desktop design screenshot for the Testimonials grid section coding challenge

    Testimonials Section | CSS Grids | Anime.js | Mobile first

    • HTML
    • CSS
    Submitted

    Hi it's me, bunee! I really wanted to learn CSS grids, I figured this challenge would be a great start.

    I've learnt quite a bit solving this challenge. As embarrassing as it is to admit, I spent more time centering the testimonials container than learning about grids themselves... Shout out to @tediko, His solution really helped me solve this issue.

    Not to sound cheesy but, I need some good resources on "how to center a div" :')

    Also if you could take a look at my code and give me some feedback, I'd respect it. Also also, Let me know how you feel about the animations.

    Click here to view the Live Site

    Click here to view the Code

  • Desktop design screenshot for the IP Address Tracker coding challenge

    IP Tracer using Leaflet JS | Mobile first workflow | Async-Await

    • HTML
    • CSS
    • JS
    • API
    Submitted

    Phew! Took me a good minute to complete this one. I've learnt a lot whilst coding this. Even though I have used a lot of Hacky ways(if you will) to position most of the elements on the page, I still have a ton of room for improvement :') If you could provide me some Feedback, I'd respect it. Thank you.

  • Desktop design screenshot for the Intro component with sign-up form coding challenge

    Sign-up Form using Mobile-First workflow

    • HTML
    • CSS
    • JS
    Submitted

    I had a ton of fun solving this challenge... So much so that, I spent extra time adding a few personal elements ^.^

    If you do decide to go through my code, I would whole heartedly accept your feedback. I personally feel like my markup needs some work.

  • Desktop design screenshot for the Interactive pricing component coding challenge

    Interactive-pricing-component

    • HTML
    • CSS
    • JS
    Submitted

    Hey! This is my first ever solution to a challenge on this website, I thoroughly enjoyed coding this. Hope to keep learning more!☺

    I would truly appreciate some feedback but, I must warn you. My code isn't the most prettiest code you'll come across. It's super inefficient and, You may lose brain cells trying to understand it. If you do decide to go through my code regardless and give me feedback... I RESPECT you!

Latest Comments

    • HTML
    • CSS
    • JS

    html css and js

    4
    bunee980 | Posted 5 days agocommented on Amina Arif's "Tip calculator app" solution

    Hey! @AminaArif0005, Great job on this challenge, Your site responds pretty well. Here are my suggestions:

    • The reset button needs to inactive by default and should be activated once the user inputs values. you can use the "input" event listener to achieve this.
    • You're missing the box-shadow. Use this box-shadow: 0px 32px 43px rgba(79 166 175 / 20%);.

    That is all. Hope this helps :)

    P.S. Why did you use a heading tag as the logo instead of the SVG? I'm curious.

    1
    • HTML
    • CSS
    • JS

    Tip Calculator using HTML, CSS and JavaScript.

    2
    bunee980 | Posted 17 days agocommented on Alice Githui's "Tip calculator app" solution

    Hey! @Alice-Githui, Congrats on completing this challenge! you've done good. Here's a couple of things that I want to suggest...

    • The input fields are missing their SVGs, You can change that by using the background properties like so.
        background-image: url("link to your svg");
        background-position: 5%;
        background-repeat: no-repeat;
        background-size: 10px;
    
    • Your buttons are missing focus styles which is needed for accessibility.

    • You also need to implement the active style for the buttons. This video shows you one way of achieving that.

    • If you're having trouble creating responsive layouts, I strongly recommend This free course by Kevin Powell. This course should help you gain a better understanding of responsive layouts.

    Hope this helps :)

    0
    • HTML
    • CSS

    HTML and CSS

    1
    bunee980 | Posted 25 days agocommented on Cat Bennett's "Order summary component" solution

    Hey @catbennett, Congrats! on completing this challenge, Your page looks great and responds well. The only thing you're missing is the box shadow on the card itself.

    If you're having trouble using flexbox, I suggest you take This free course by Kevin Powell. This should help you gain a better understanding of them.

    Hope this helps :)

    0
    • HTML
    • CSS

    Order-summer-component

    4
    bunee980 | Posted 26 days agocommented on Simone's "Order summary component" solution

    Hey @Simonecyber, Great job on completing this challenge, your page responds very well! The only thing you're missing is the box-shadow. Happy Coding :)

    0
    • HTML
    • CSS
    • JS

    Responsive FAQ accordion card using Flexbox

    4
    bunee980 | Posted 26 days agocommented on anna's "FAQ accordion card" solution

    Hey @Anna60991, Your page looks great and is completely responsive, Great job!

    However, I did notice a bug. you can experience this by clicking right under any of the questions. doing this reveals the answers of every question and gets quite tricky to toggle them back off. I think the reason behind this is the event listener on the li tag, If this is the case... I think adding the event listener to the div with the class of question should solve this issue.

    Hope this helps :)

    1