Help with responsive design and animation

Design help General
1

Hi, I’m completely new to webflow and need help with responsive design for tablet and mobile. The main focus is the services section where the text and images are all over the place when it comes to screen sizes smaller than desktop. There is also an issue where the animation for the text to appear is slower than what I want on mobile. I’m using the momentum template as a foundation if that helps: https://webflow.com/templates/html/momentum-marketing-website-template

Here is my site Read-Only: https://preview.webflow.com/preview/bilals-fabulous-project-5c4f40?utm_medium=preview_link&utm_source=dashboard&utm_content=bilals-fabulous-project-5c4f40&preview=2bd8bfa416079d27bde53304f40cfcf1&workflow=preview

I have tried everything for the past week so would appreciate the help.

2

Hey @billkhiz,
welcome the the WF community!

Getting started with webdesign can be tough, especially when it comes to thinking about structuring your layouts for multiple sizes!

So, your grid for the 2 column text and image works for bigger screens but falls apart on smaller ones. Think about how you can rearrange those, the text should probably take the whole width on small screens, maybe put the images above them?