I’m stuck with a little issue and was hoping, that you could help me out here.
At the moment, I’m designing an experimental agency website and there is a page, where all the services are listed.
I chose a design, where on page load a SVG hexagon gets drawn and then some icons pop in. You can find the site here: http://pixelworks-cba508.webflow.io/leistungen
The animated design is only supposed to be displayed on Desktops but I did not adjust that yet.
My issue is now the following:
On my own monitor (1920x1080), everything looks nice and clean but when switching to Chromes Dev Tools and trying out the Laptop dimensions, the design is totally unclean because the hexagon is not resizing itself properly.
I tried to solve that through applying different sizes and percentages which solved the issue for the small laptop screen but in return created an unsatisfying design for big desktop monitors.
Is there a way to solve this issue without any special custom code or is the only way to integrate some custom breakpoints to target the different laptop sreen sizes?
Any kind of help is welcome,