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

  • ha308ing• 90

    @ha308ing

    Submitted

    What are you most proud of, and what would you do differently next time?

    I'm proud of implementing a valuable advice to use kind of subcomponents, that are specific to the component. Next time I'd wrote more useful readme.md

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

    I submitted this challenge a while ago.

    And it took me some time to recover pre-commit linting with lefthook, so I had to switch from yarn to npm.

    Because yarn created .pnp. files (also typescript vscode integration), while I do not agree to tolerate anything more than package.lock

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

    How to achieve pixel-perfect layout from .jpg design file?

    When I use 1px x 1px grid with max zoom in the browser .jpg edges kinda blurry and I each position I try is wrong ='(

    Blog Post Preview Card with React and Styled-Components

    3

    Edgar Chilin• 60

    @EChilin5

    Posted

    In my opinion, I don't think you have to break it down to that level but I understand what you are trying to do. It might be an overcomplication. It's something I am trying to decide on my own as well.

    Below is a card link from react-bootstrap that might provide a good example of how they made their card design and another way to solve this challenge.

    React Bootstrap Card Ex

    In my opinion, I prefer their example because it'll be easier to pass information to their card instead of passing information to each component of the card. It might be unnecessary props if you have several components inside the card component. I'm still learning and trying to get better. Hopefully, this helps with your question, and best of luck.

    Marked as helpful

    1