Skip to content
OverviewSolutions
8
Comments
7
errbrokko
@errbrokko

All comments

  • duongns-vn•210
    @duongns-vnSubmitted 4 months ago
    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
    @errbrokkoPosted 4 months ago

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

    1
  • ofentse-freecode•180
    @ofentse-freecodeSubmitted 4 months ago
    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
    @errbrokkoPosted 4 months ago

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

    1
  • errbrokko•80
    @errbrokkoPosted 5 months ago

    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.

    0
  • errbrokko•80
    @errbrokkoPosted 5 months ago

    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.

    0
  • Subhash•30
    @Subu-07Submitted 5 months ago
    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
    @errbrokkoPosted 5 months ago

    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!

    0
  • jonathanPons•100
    @jonathanPonsSubmitted 5 months ago
    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
    @errbrokkoPosted 5 months ago

    I cannot see your solution.

    0
  • errbrokko•80
    @errbrokkoPosted 5 months ago

    Great solution. It almost looks like the original design. In terms of coding I would suggest to use classes and variables which imho enhances readability. Nonetheless, keep up the good work!

    0