Skip to content
OverviewSolutions
24
Comments
4
DilinyerCR
@DilinyerCR

All comments

  • Aakash Verma•6,710
    @skyv26Submitted 2 months ago
    What are you most proud of, and what would you do differently next time? What I'm Most Proud Of
    • React Skills: Successfully practiced TypeScript and Ant Design (antd) with bundler integration.
    • Front-End Mentor Challenges: Getting back to solving challenges I enjoyed before.
    What I'd Do Differently Next Time
    • Consistency: Maintain a regular practice schedule to avoid long breaks.
    • Project Planning: Plan and track progress more effectively to stay focused.
    What challenges did you encounter, and how did you overcome them? Challenges Encountered
    • React Flickering Issue: Faced issues with flickering due to event handling.
    • Dynamic Content Updates: Needed to implement useContext for changing content dynamically.
    How I Overcame Them
    • React Flickering Issue: Resolved by debugging event handling and optimizing component re-renders.
    • Dynamic Content Updates: Implemented useContext effectively to manage and update content in real-time.
    What specific areas of your project would you like help with? Areas Where I Need Help
    • Complex State Management: Assistance with optimizing state management in React using useContext.
    • Ant Design Issues: Help resolve UI component issues and improve integration with React.
    • Advanced TypeScript Integration: Guidance on leveraging TypeScript more effectively in React projects.

    Blog Preview Card - React, TS, Ant Design, TailwindCSS

    1
    DilinyerCR•330
    @DilinyerCRPosted 26 days ago

    Nice job!

    1
  • Stephen Johnston•60
    @stephenkjohnstonSubmitted 9 months ago
    What are you most proud of, and what would you do differently next time?

    It was fun to take on this quick challenge. I did notice some slight differences between the Figma and the provided files.

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

    Minor differences between the colors in Figma and the provided ones.

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

    General feedback. Been out of the CSS world for about a year.

    QR Code Component

    1
    DilinyerCR•330
    @DilinyerCRPosted 9 months ago

    I think it looks almost exactly, Good Job! Keep going learning.

    0
  • DilinyerCR•330
    @DilinyerCRPosted over 1 year ago

    GZ! I think it would be easier if you use "margin: 0 auto" to main container to center it. The more you practice the more you will learn, good luck ;)

    1
  • Soojeong•220
    @kongguksuSubmitted over 2 years ago

    I struggled to find a way to overlay color on the image (on hover). I eventually used absolute positioning with an empty div(.overlay) and managed to make it work.

    I also had some problems with the eye icon that would appear when hovering over the main image. Initially, I tried making the eye icon a child element of the empty div for overlay, but the eye icon would lose its color and become cloudy. So I had to get it out of that empty div and have it be positioned over the overlay using absolute positioning. Please let me know if you have any good ideas on how to fix this problem with the icon becoming cloudy

    Also, I think the hovering effect of the image isn't working on the mobile version. I wonder why that is, since it seems to work fine on the desktop version. 🥲

    NFT Preview Card Component

    1
    DilinyerCR•330
    @DilinyerCRPosted over 2 years ago

    Hello, I think you did it well, I struggled too but I find a simple way, I just use background-color: hsl(178, 100%, 50%, 50%) for the hover instead of hsl(178, 100%, 50%), I put the opacity inside of the background color. Happy coding!

    Marked as helpful
    1