I am trying to have my H1 and paragraph not looking missed up on mobile. So I have made my desktop version invisible in Mobile and I am trying to add a new H1 and paragraph for each device with the right width etc…
But each time I add a paragraph to an H1 it ends up side by side.
I am using the new Propel template. I can’t find out why it does that
You don’t need to make different elements show for different breakpoints if they have the same content, you can style the same element for the desktop, then amend the style on the tablet view and those changes cascade down to mobile.
Here’s a video to try and help and in the video I mention flexbox. If you’re not familiar with this, then take some time to learn it here https://flexbox.webflow.com/ and try the game out too.
Understanding this will really help you make your site responsive.
I hope this helps! Please reach out if you have any more questions.
