@diversis
Posted
Hello! Looks fine except for some overflow issues and layout shift. To remove overflow on main section change you can simply add css main {overflow-x:hidden}
. Addressing layout shift : better render only content that changes (like text,images and their direct <div>
| <motion.div>
parents), but layout itself should remain unchanged. This may require wrapping each piece of content you want to animated in one more <div>
Marked as helpful
@minibrusp
Posted
@diversis hey dude thanks for the awesome advice. I'll try to refactor it. It really do look weird with those issues. thanks man.