Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found
Not Found

All comments

  • duongns-vn 210

    @duongns-vn

    Submitted

    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.

    errbrokko 80

    @errbrokko

    Posted

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

    1
  • @ofentse-freecode

    Submitted

    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.

    errbrokko 80

    @errbrokko

    Posted

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

    1
  • errbrokko 80

    @errbrokko

    Posted

    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

    @errbrokko

    Posted

    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-07

    Submitted

    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

    errbrokko 80

    @errbrokko

    Posted

    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

    Submitted

    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.

    errbrokko 80

    @errbrokko

    Posted

    I cannot see your solution.

    0
  • errbrokko 80

    @errbrokko

    Posted

    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