Social links profile

@danielmrz-dev thank you for feedback, i think this helpful for me

@Alex-Archer-I Hi, I used negative margins because I couldn't achieve pixelperfect, but apparently this is unattainable) pointer-evens: none was used to disable the hover effect in the mobile version, since this effect can cause some problems.

@MaxOleynik Huh, I wondered if pixel perfect is still a thing in the age of responsive design and dozens devises of every shape and size. And I think that the answer is - it depends of the project specific and the mood of the designer =)

Never thought about hover problems on mobile screens. I'll try to read about it, thanks =)

@Alex-Archer-I You're right about pixel perfect, it depends on the customer's requirements. The design may not be suitable for pixel perfect. There are also differences in the work of the graphic editor, for example, figma and the browser. In my work, I only tried to position the elements relatively correctly, but it didn't work out very well either, the design preview and my work didn't match everywhere))

@MaxOleynik Oh, yeah, I've encountered with a figma-browser issues for a couple of times. And than you find out about a retina displays... phew... And all your pixel perfect dreams just shattered =)

I consider the projects on this site a eye-measurment training. And your work is quite accurate, by the way. It's like 99.5% accurate. Could be 99.9% if the text was a bit bolder =)

@Alex-Archer-I The solution turned out to be insufficiently accurate, since I used the figma plugin, which translates a screenshot of the layout into a fully functional layout, but apparently artificial intelligence is not sufficiently developed to create everything exactly, I noticed this only on the next task. Now I use only the image and the pixel perfect plugin in chrome, I hope it won't be too different)

Thanks for the positive feedback, it's nice))

@MaxOleynik I guess you mean that one project with a recipe page. Yeah, it have a lot of tiny details which may be confusing for AI.

I see there are a lot of measurement plugins in chrome. Maybe I should try one to check my eye's accuracy =)

By the way I just learned on practice that pointer-events: none blocks java-script "click" events. That kinda make it less helpfull for hover prevention as hover effects often applied to clickable elements.

@Alex-Archer-I yes, you're right, my solution is not the most optimal, but it's probably the simplest, I used a different approach to disabling hover on mobile devices in another project, but I haven't practiced for a long time and forgot how to implement it)

Max, I see. Well, thank you, that was a useful and nice convo =)