Hi,
I'd love to understand how to set my page elements correctly ahead of making the animation, so that I preserve responsiveness when animation is done.
I know that motion.page has breakpoints, and that you can build different animations for different screensizes (not optimal). But this is not sufficient. Sometimes, when viewports fall in between breakpoints, things don't look as good and elements don't shrink proportionally...
Should I give elements a fixed position? Should i use % when defining margins, paddings, widths etc...
I'd love to understand from your experience what the best practices are to build a page when thinking of animating elements inside. how did you solve this issue of responsiveness?
I welcome any comments, and I'll do my best to reply and share my findings, in hope that this will build a knowledge base for this great piece of software.
All the best