fix/532-home-page-on-2560-and-1920-resolutions

[Sworzen1]

List of changes

• fix margins

Checklist

• related issue
• My changes generate no new warnings
• My code follows the style guidelines of this project
• I have commented my code, particularly in hard-to-understand areas
• I have made corresponding changes to the changelog
• I have added tests that prove my fix is effective or that my feature works

[MSzalowski]

I understand but when we see the blocks like this there is a place for questions. We won't handle the breakpoints now as we are going to migrate to the components library, but for the stake of a clarity - please lift up this nested ternaries above to not chain so much in the render.

At this moment it might be just the inner function that returns the px value eg.:

const getSize = useCallback(() => {
if (screenWidth < 640) return 3
...
return 49.25}, [screenWidth])

[Sworzen1]

oki doki, i will

[MSzalowski]

Why on the above nested ternaries we are checking 640, 1512, 1728, 1920, 2560 and here we are checking 860, 1440, 1728? Why it can't be unified?

[Sworzen1]

its not necessary to check every resolution