Skip to content
OverviewSolutions
8
Comments
7

errbrokko

@errbrokko80 points

I’m a mysterious individual who has yet to fill out my bio. One thing’s for certain: I love writing front-end code!

Latest solutions

View more solutions

Latest comments

  • duongns-vn•210
    @duongns-vn
    What are you most proud of, and what would you do differently next time?

    Reflecting on my project, I am most proud of successfully implementing a smooth fade-in and fade-out effect on mouseover and mouseleave events, respectively. These animations enhance user interaction and provide a polished user experience.

    One of the main challenges I faced was ensuring cross-device compatibility and smooth animation transitions. To address this, I utilized setTimeout to delay the display: none property, and animation & transform css, ensuring the effects perform reliably across different devices and event triggers.

    Looking ahead, I aim to improve the codebase's structure for better readability and maintainability. This includes refactoring to streamline the logic and enhance overall code efficiency. By doing so, I believe the project will not only perform better but also be easier to maintain and extend in the future.

    Popup Animation And Mouse Event Javascript

    1
    errbrokko•80
    @errbrokko

    Impressive solution. I really like the way you have solved it.

  • ofentse-freecode•180
    @ofentse-freecode
    What challenges did you encounter, and how did you overcome them?

    The biggest challenge I encountered was making it responsive for different devices. I had styled the page for desktop which made it harder to style for smaller devices. However knowing that styling for mobile devices first makes it easier to style for desktop resposiveness.

    Testimonials-grid-section

    1
    errbrokko•80
    @errbrokko

    Good solution. You just need to adjust the size of the cards and you are there.

  • errbrokko•80
    @errbrokko

    I like it. It's almost like the design. There are two things I would mention. Firstly, your solution is not fully responsive as it not always adjusts to the viewport size. And secondly, it is not centered. For the latter you could try something like justify-content: space-evenly or justify-content: center and then play around with margin.

  • errbrokko•80
    @errbrokko

    You're almost there. I fixed the problem with the large image for the mobile preview and with the uneven width of the sides of the card by fixing the width and using flexbox.

  • Subhash•30
    @Subu-07
    What are you most proud of, and what would you do differently next time?

    I used Scss and bem togther

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

    layout

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

    i think the width of the card

    i used SCSS and Bem in this challenge

    1
    errbrokko•80
    @errbrokko

    Good solution. I think you could increase width and height and then adjust some margins so that you can come closer to the intended design. Also, you should use CSS pseudoclasses like a:hover to change the color of links when hovering over them. Keep up the good work!

  • jonathanPons•100
    @jonathanPons
    What are you most proud of, and what would you do differently next time?

    I'm happy to have mastered Git/GitHub a bit better. Additionally, I tried to be precise in the reproduction of the element. Finally, the CSS elements were assisted by GPT 3.5.

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

    GPT has helped me find the solution most of the time or, in the best cases, the console.

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

    Saving time in CSS by being faster and using more efficient properties. Community feedback would be a plus.

    Use CSS / Git Github/ HTML

    2
    errbrokko•80
    @errbrokko

    I cannot see your solution.

View more comments