Product preview card component

Community feedback

• 

  Nguezet Jordan Junior•230

  @wintercodeNKJJPosted about 1 year ago

  All your solutions are crazy perfect 👌✨🎉in the design aspect... I have not yet visited any, but I am sure they function as perfectly as the design 💯💯, and I will definitely do so, when I get back online. How do you manage to reproduce the components with such precision please? 🙏🏽

  2

  ---

  

  Caramello•180

  @BuzzFizzerPosted about 1 year ago

  @wintercodeNKJJ

  Thank you so much for your kind words and appreciation! They help me more than you know. 😊✨🎉

  To answer your question, I use a program called "LightShot" on Windows (Flameshot if I'm on Linux). Although these tools are primarily meant for taking screenshots, I have found that they can also be used to measure anything on the screen down to individual pixels. This capability is very helpful when trying to replicate a design from an image.

  Here's how I go about the process:

  • I start the challenge and try to make my layout look as close as possible to the provided design.

  • I place the project next to the provided design images. This helps me compare the two and identify any inconsistencies in size, margins, padding, or fonts.

  • Whenever I notice any discrepancies, I use the aforementioned tools (LightShot or Flameshot) to measure the size on the design image accurately.

  • Armed with these measurements, I then proceed to correct any discrepancies found in the project, ensuring it matches the design more accurately.

  • By following this approach, I can effectively replicate the design from the provided image with greater precision and attention to detail.

  this continues until I'm either satisfied with the result or fed up with css shenanigans.

  Once again, thank you for your kind words, and I hope my solutions continue to be helpful to you. If you have any more questions feel free to reach out. Happy coding! 🙏🏽💯💯

  1

  

  Nguezet Jordan Junior•230

  @wintercodeNKJJPosted about 1 year ago

  @BuzzFizzer 🤩 Amazing, I just feel like I have powered up to a whole different and superior level 🔥🔥🔥✨ ( I just found a dragon ball 😁)

  🏃💨I will try it out on the spot

  1

  

  Nguezet Jordan Junior•230

  @wintercodeNKJJPosted about 1 year ago

  @BuzzFizzer Hi I got one solution from @MelvinAguilar who uses a plugin called PerfectPixel. take a look at it, I am sure you will like it.

  Marked as helpful

  1

  

  Caramello•180

  @BuzzFizzerPosted about 1 year ago

  @wintercodeNKJJ

  Just checked it out – seems really useful. I'll definitely give it a shot on my next project. Thanks a lot, chief!

  1